[Resolved] Show Separator Line with Categories in the centre

Home Forums Support Show Separator Line with Categories in the centre

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1296486
    Kumari

    Hello

    I am new to this so please be kind 🙂
    I have tried to searched the forum for more info on this and haven’t found anything and I’m hoping someone can assist me.

    I am setting up my homepage to show latest blogposts for various categories.
    I would like to use a separator to divide the various categories and I was wondering if it would be possible to show a separator line with the ‘name of the category’ in the middle similar to https://stylesociety.co.za

    Thank you in advance

    #1296580
    David
    Staff
    Customer Support

    Hi there,

    add this CSS to your Site:

    .heading-divider:before,
    .heading-divider:after {
    	content: '';
    	width: 95%;
    	height: 1px;
    	background-color: #000;
    }
    .heading-divider {
    	display: grid;
    	grid-template-columns: 1fr auto 1fr;
    	align-items: center;
    }

    Then add a Heading block with your title, with the block selected go to the Settings sidebar > Advanced and add heading-divider to the Additional CSS field.

    #1297104
    Kumari

    Thank you so much! That worked perfectly!

    #1297286
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.