[Resolved] 3 Column blog archive with 1st post full width

Home Forums Support [Resolved] 3 Column blog archive with 1st post full width

Home Forums Support 3 Column blog archive with 1st post full width

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1776341
    Leanne

    I’m trying to create a blog archive page using the new Block – Content Template. I’ve created one for the first post and then another for the rest of the posts that are styled differently. From what I’ve seen in the support forums, I can’t control the grid (yet) through elements, but I need to do it through Customizer.

    In customizer under Layout > Blog I have it set to 3 column and make 1st post featured turned on. This sets the first post to span 2 columns and then there’s a second blog post in the 3rd column and then underneath it’s 3 columns.

    How do I get the featured post to span across 3 columns?

    Loving these new element options! Can’t wait to see how this evolves.

    #1776381
    Leo
    Staff
    Customer Support

    Hi Leanne,

    I like the design! We should be able to make it happen with some CSS.

    Can you first switch the theme structure from Float to Flex under Customizer > General?

    It should make things easier.

    Let me know ๐Ÿ™‚

    #1776412
    Leanne

    Whoops! I thought I was with flex. Switching the layout from Beaver Builder over to GPP/GBP.

    It’s switched to Flex now.

    #1776584
    Leo
    Staff
    Customer Support

    Try this CSS:

    .featured-column.generate-columns.grid-66 {
        width: 100%;
    }

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

    #1776594
    Leanne

    Beauty! Thanks Leo

    Looks like when I switched from Floats to Flex it messed up the logo in the navigation. I guess the way it’s done has changed but with some clicking around I was able to get it back to how it should be again.

    #1778008
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.