Site logo

Archived topic

Font size for Blog add-on, Column view

3 replies · Started by Reuben on February 16, 2018

Viewing posts 1–4 of 4

Hi there, I am currently using the Column view on the Blog add-on on my website.

I have set my first post to be 'featured'. However, I was wondering if it is possible to reduce the font size of the excerpts for all posts except the featured one? If so, how do I go about doing it? The way it is right now, the page seems really cluttered for the second page onwards.

Thank you!

Hi there,

The none featured posts excerpt font size is already smaller than the featured one from what I can see.

Anyways you can reduce them with this CSS:

.grid-parent .grid-50 div.entry-content {
    font-size: 0.5em;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Thanks! I was actually able to figure this out on my own before your reply.

However, there's still one (or actually two) issues I cannot figure out on my own:

1. When my viewport is slightly above 768px, the first column is no longer 'featured' (i.e. no longer standalone).
2. Also, when slightly above 768px, the search icon drops to the next row.

How do I go about fixing this? I have posted a screenshot here to illustrate: https://imgur.com/a/1lPMw

The featured post will go down to 50% wide on tablets.

You can force it to the full width with this CSS:

@media (min-width: 769px) {
    .featured-column.grid-100 {
        width: 100%;
    }
}

For the icon, give the header a little less padding at that width so the navigation has more room:

@media (max-width: 785px) {
    .inside-header {
        padding: 30px;
    }
}
This archived topic is closed to new replies.