Archived topic
Show Separator Line with Categories in the centre
3 replies · Started by Kumari on May 22, 2020
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
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;
justify-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.
Thank you so much! That worked perfectly!
You're welcome
