Tagged: horizontal line
Hi Enfold team
I tried to add horizontal lines between the blog posts on the start page according to https://kriesi.at/support/topic/dividing-line-between-blog-posts/ by adding
.blog .post_delimiter {
border-bottom: 1px solid #492e26;
}
to the Custom CSS.
But unfortunately, they don’t show (tested on desktop/Firefox/Konqueror and tablet/Firefox). How can I get the horizontal lines there?
I would like to have some space and a dividing horizontal bar between the blog post excerpts on http://welt-der-vorfahren.de.
Thanks for your help.
Anja
Hey Aniona,
Thanks for getting in touch with us!
Please try adding this code to the Quick CSS instead section under Enfold > General Styling or to your child themes style.css file:
.post_delimiter {
border-bottom: 1px solid #492e26;
left: 0px !important;
}
Best regards,
Jordan
Hi Jordan,
great, that works! Thank you.
Is there any code I can add to get more spacing below the line, i.e. more space between the line and the following post?
Kind regards,
Anja
Hi,
Please try adding this code to the Quick CSS section under Enfold > General Styling or to your child themes style.css file:
.flex_column .template-blog .post_delimiter {
margin-bottom: 100px!important;
}
Best regards,
Yigit
Hi Yigit.
Thank you, it worked.
Anja
Hey!
You are welcome!
For your information, you can take a look at Enfold documentation here – http://kriesi.at/documentation/enfold/
And if there are features that you wish Enfold had, you can request them and vote the requested ones here – https://kriesi.at/support/enfold-feature-requests/
For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)
Best regards,
Yigit