Kubio – the kickstart

Find out how you can use Kubio for designing the website you envision.

Read more button block

At the end of the post excerpt you can place a “Read more” text/button to allow users to easily go to the respective post and read it. 

This block allows you to make stylish “Read more” buttons.

The moment you select any block, a block editing panel will open up on the right-hand side. It always has three options: content, style, and advanced. The possibilities inside vary from block to block.

Content
read more button content

At this level you can:

  • Write the button text,
  • Make the text bold or italic,
  • Choose a button size,
  • Choose whether to also display an icon or not,
  • Align the button.

Style
styling the read more button block

At this level you can make styling changes to the button on both the normal and hover states for:

  • Background,
  • Text color,
  • Border,
  • Typography,
  • Box shadow.

Advanced

At the “Advanced” level, here are the most common customizations available across the Kubio blocks: background, spacing, border and shadows, typography, transform, dividers, transition, responsive, and miscellaneous.

In the case of the read more button block, you can make changes across the normal, hover, and focus states for the button and the icon. The available customizations can be seen below.

read more button advanced block edits