[Resolved] Generate blocks grid and container

Home Forums Support Generate blocks grid and container

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1321203
    Lukasz

    Hi,
    How can I implement this view with generate blocks and gp premium?. Should I use container then grid (3 elements). I am glad to hear any tips to implement the view because it looks awesome.
    https://ibb.co/JHRxr1v

    PS. this is screenshot from site library (demos) as combination generate blocks and generatepress

    #1321375
    Leo
    Staff
    Customer Support

    Hi there,

    No need to add a container block. Just add a grid block with 3 columns should work.

    The icons are using a headline block with negative top margin.

    Let me know if this helps 🙂

    #1323303
    Lukasz

    Hi Leo,
    thanks for tips, I am learning how to use effective generateblocks. I see a huge potential of that. I am wondering where I can find html icons svg. Is there some official repository?

    #1323563
    Lukasz

    I am facing with another problem. I defined .entry-content class 775px for blog posts (readability and so on). Moreover I’ve spotted that the class is above generateblocks elements. In some cases like homepage I would like to have a full control related to generateblocks element. Unfortunately, full width option for container block doesn’t work. Can I do something with that?

    #1323593
    David
    Staff
    Customer Support

    Hi there,

    Theres quite a few online icon libraries – heres a few:

    https://fontawesome.com/how-to-use/on-the-desktop/setup/getting-started
    https://icomoon.io
    https://thenounproject.com

    If you want to create Full Width Containers then you will need to enable the Full Width option in the Page Builder Container:

    https://docs.generatepress.com/article/page-builder-container/

    There is a shortcut to this function in the Container Block settings.

    #1323838
    Lukasz

    Hi David,
    I’ve setup the full width for page builder (homepage in my case) and for container but it doesn’t work. On my site is .entry-content class, which has 775px width and overwrite the rule I guess.

    #1323869
    David
    Staff
    Customer Support

    Can you link us to the site so we can see where that is coming from ?

    #1323958
    Lukasz

    done

    #1324302
    Leo
    Staff
    Customer Support

    I’m seeing this CSS added in your child theme:

    .entry-content,
    .entry-summary,
    .entry-header,
    .page-title,
    .taxonomy-description,
    #comments {
    	max-width: 775px;
    	margin-left: auto;
    	margin-right: auto;
    }

    Does that help?

    #1324546
    Lukasz

    I was trying put in your solution but unfortunately it doesn’t work. The problem is .entry-content class overwrite Page Builder Container full width option in the homepage. I could remove the class but I want to have narrow column text for better readability in case of blog posts on the desktop.

    #1324831
    David
    Staff
    Customer Support

    What Leo is say is that YOU HAVE this CSS in your child theme:
    https://generatepress.com/forums/topic/generate-blocks-grid-and-container/#post-1324302

    If you DELETE that CSS your full width pages will work.

    Then you could this CSS:

    body:not(.full-width-content) .entry-content,
    body:not(.full-width-content) .entry-summary,
    body:not(.full-width-content) .entry-header,
    body:not(.full-width-content) .page-title,
    .taxonomy-description,
    body:not(.full-width-content) #comments {
    	max-width: 775px;
    	margin-left: auto;
    	margin-right: auto;
    }

    This will only target pages that are not set to full width.

    #1327049
    Lukasz

    Hi David,
    thanks so much for the solution. It works flawlessly.

    #1327284
    David
    Staff
    Customer Support
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.