-
Posts
-
Hi there,
I am using the Blog Posts Component in Grid view to show an archive of book titles (see link). I have created the posts with the advanced layout editor to make them look their best (rather than standard blog layouts).
1. How can I define the size and color of the titles to fit the space in the grid? Ideally without loosing the H3 formatting for other uses.
2. How can I prevent the category from showing?
3. Is there an easy way to feature the latest post on our home page? So the most current book recommendation is shown with full cover image and write-up. And once we add another post it features that?It’s been almost a week with no response to a fairly straight forward answer – not what I have come to expect from Kriesi. I hold 15 licenses for Enfold and would appreciate a swifter level of support.
Hi,
Sorry for the late reply.
1. You might want to consider a different layout option, as the title text has to be really small in order to it to fit properly. If you still want to make the titles smaller, then please try CSS like this:
.page-id-2477 #after_section_1 .avia-content-slider h3 { font-size: 14px; }2. Please try the following CSS to hide the categories:
.page-id-2477 #after_section_1 .avia-content-slider .blog-categories { display: none; }3. You could add the latest post to a dedicated category, then select that category in the Blog Posts element. Once you write a new post, then you can remove the category from the second latest post and add it to the latest. There is unfortunately no option to only show the latest post at the moment.
Best regards,
RikardThank You, Ricard,
And sorry about the snarkiness, I do very much appreciate the help.
I was able to remove the castegory name and tweaked the CSS a bit to make the grid titles work:
.page-id-2477 #after_section_1 .avia-content-slider h3 {
font-family: ‘Arial Narrow’ !important;
font-size: 18px !important;
letter-spacing: 0.03em; !important;
}My last issue on that page is the grey line under the hero section – I tried so many things. It is only there if the next section has component boxes (none of them have borders). If I try to use a grid section or place it inside a color section instead the line is gone, but all Quick CSS formatting of the grid titles are null and void.
I can remove the diagonal border if I must but it looks nice with their triangle logo.
The issue is definitely related to the next section as the line moves down if I put things in between.
- You must be logged in to reply to this topic.