Rosemary - Custom CSS Styles

Each Kadence child theme has custom CSS classes I've created that you can add to blocks to achieve certain styles. Rosemary has a few more! You can add/remove these to blocks.

Here are the extra available custom CSS classes for Rosemary:

Accent Line

Adds an accent line after heading text. Use on Heading or Kadence Heading block – accent-line 

Overlay Layout

Adds the entry header on top of the featured image on the posts in a Kadence Posts block. This style will not show up in the editor but you will see it on the live site when you save the page! Use on Kadence Posts block –  overlay-layout 

Remove Grid Gap

Removes the grid gap/spacing in between posts in the Kadence Posts block. This style will not show up in the editor but you will see it on the live site when you save the page –  no-grid-gap 

Blog Post Entry Content Overlap on Homepage #2

Overlap text/entry content on the posts block. This style will not show up in the editor but you will see it on the live site when you save the page! Use on Kadence Posts block –   overlap-text