[Support request] Font size for Blog add-on, Column view

Home Forums Support Font size for Blog add-on, Column view

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #498640
    Reuben

    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!

    GeneratePress 2.0.2
    GP Premium 1.5.6
    #498931
    Leo
    Staff
    Customer Support

    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/

    #499443
    Reuben

    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

    #499660
    Tom
    Lead Developer
    Lead Developer

    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;
        }
    }
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.