[Support request] Adjusting the “Wide” Group Padding

Home Forums Support [Support request] Adjusting the “Wide” Group Padding

Home Forums Support Adjusting the “Wide” Group Padding

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #2080908
    Michael

    Hi, I’ve exhausted Google search and the internal forum search.

    I need to remove any extra padding that’s added to the wide group block on mobile. Using this thread as a base:

    https://generatepress.com/forums/topic/gutenberg-group-block-padding-width-issue/

    I tried:

    @media (max-width: 768px) {
        .wp-block-group__inner-container {
            padding: 0px 0px 0;
        }
    }
    

    But that didn’t seem to work. I’m sure it’s a simple CSS tweak.
    The only thing we use group blocks for is an easy way to place div tags to keep Adthrive ads from appearing in that section (either when it looks like shit or we have an affiliate link). We used to manually insert div tags pre Gutenberg.

    Thanks for your help.

    #2081019
    David
    Staff
    Customer Support

    Hi there,

    can you share a link to a page where i can see a wide group and the issue its causing on smaller screens ?

    #2081746
    Michael

    Hi Dave,

    This page or almost any other (except some very old content): https://gardenerspath.com/plants/houseplants/anthurium-types/

    There is a wide group from the top all the way down to the affiliate disclaimer. Looks fine on desktop, is slightly narrower on mobile than the rest of the body.

    Thanks
    Mike

    #2081751
    Michael

    There’s also ones around 1. Andreanum and 5. Superbum where we have affiliate links, and then one down at the bottom in the conclusion.

    #2081923
    David
    Staff
    Customer Support

    Ok – so you would use this CSS:

    @media(max-width: 768px) {
        .wp-block-group.alignwide .wp-block-group__inner-container {
            padding: 0;
        }
    }

    Adjust the padding value to suit your needs.

    #2082641
    Michael

    Thanks a bunch. This padding worked:

    @media(max-width: 768px) {
        .wp-block-group.alignwide .wp-block-group__inner-container {
            padding: 0px 30px 0px 30px;
        }
    }
    #2082921
    David
    Staff
    Customer Support
    #2088252
    Michael

    Did you guys add more padding to these on the last update? I have gaps where there weren’t any before. I tried rolling back, but they are still there and weren’t before. Weird.

    I am seeing:

    .site-main .wp-block-group__inner-container {
        padding: 15px 40px 15px 40px;

    I tried adjusting it with zero padding and negative margin in several different configurations:

    .wp-block-group.alignwide .wp-block-group__inner-container {
            padding: 0px 0px 0px 0px;
    .wp-block-group.alignwide .wp-block-group__inner-container {
            margin: 0px -40px 0px -40px;
    .wp-block-group__inner-container {
            margin: 0px -40px 0px -40px;

    Etc.

    #2088419
    David
    Staff
    Customer Support

    Theres been no change since the Group inner container was introduced.
    The Groups Inner Container gets the same padding as applied to the themes Container ( Customizer > Layout > Container ).

    #2088898
    Michael

    Hi Dave,

    Is there any way to remove it except for adjusting the overall padding?

    #2088923
    David
    Staff
    Customer Support

    So do you want to remove all the padding from the Group block ? And is that on ALL devices and for the various width options ?

    #2089224
    Michael

    Hi Dave,

    I need the group block to appear not to be any different than the rest of the content on any device. We only use group blocks as an easy way to place div tags in order to control ad placement. The same as most of the 15,000 large content sites spread between Adthrive and Mediavine. Most of them/us use the group blocks for this purpose. Ads don’t appear between divs. Grouping is the easiest way to place them in Gutenberg…especially for semi-skilled content production assistants.

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