Hi,
i’m using blog-articles element from the layout architect (with showing title and part of text in options).
I have the issue, that there is too much space between the title and the text and the text is not centered, please see screenshot.
Also a small horizontal line below (added after the text) would be nice.
How can i do that?
Kind regards Jak
Hey Jak73,
Please try the following in Quick CSS under Enfold->General Styling:
article.slide-entry h3.slide-entry-title {
padding-bottom: 0;
margin-bottom: 0;
}
article.slide-entry .slide-entry-excerpt {
text-align: center;
padding-bottom: 20px;
border-bottom: 2px solid #ddd;
}
Best regards,
Rikard
Hi Rikard,
very nice, thanks a lot!!!
How can i reduce the space between the title and the text? (Please see screenshot).
How can i make the bottom line smaller in width?
Kind regards
Jak
Hi,
Please try this CSS instead the first CSS block I posted earlier:
article.slide-entry h3.slide-entry-title {
padding-bottom: 0 !important;
margin-bottom: 0 !important;
}
The border can be made smaller, but that would mean you would have to make the entire element smaller. You can try this CSS if you would like to do that:
article.slide-entry .slide-entry-excerpt {
width: 80%;
display: table;
margin: 0 auto;
}
Best regards,
Rikard
Hi Rikard,
that helped a lot!
Many thanks!
Kind regards
Jak
Hi,
Did you need additional help with this topic or shall we close?
Best regards,
Jordan Shannon