Support » Plugin: Page Builder Gutenberg Blocks – CoBlocks » Can’t remove spacing between rows

  • Resolved voyager131

    (@voyager131)


    I’m trying to build a page layout with the rows block and no matter what I do, there’s a small amount of space between the image in one row, and the background of the next row.

    I have two rows configured, each with two columns. In the first row, the left hand column has a heading, some text, and a button, and the right-hand column an image block only. No background color is configured for this first row.

    The 2nd row has a light background color and is also configured with two columns. The left hand column has an image only, and the right-hand column a heading and some text. I want the image in the first row (right column) to but up against the 2nd row with no space between. No matter what I do however, there’s always a 10-15 pixel padding between the bottom edge of the image, and the background color of the 2nd row.

    If I substitute a media block for the 1st row and put an image on the right, that works and there is no padding between the image and the 2nd row. However, the media block does not give me the layout flexibility a CoBlock row does with the content on the left hand side (I can only add a limited number of blocks to this side, and not the ones I need to make it look right).

    Here are a pair of images that illustrate what I’m talking about:

    Is there a solution for this?

Viewing 5 replies - 1 through 5 (of 5 total)
  • I can fix the problem by using a paragraph block containing an inline image, in place of the image block. The problem appears to be related to the fact that an image block is actually a figure containing an image (I’m speculating that’s where the extra padding comes from). With an inline image, if the width to what is desired, and then apply a custom css class containing the following:

    position: absolute;
    bottom: 0;

    it works as desired. That’s a hack though and I’d love to know how to do it without diving into custom CSS classes if there’s a way.

    Plugin Author Anthony Ledesma

    (@paranoia1906)

    Hi @voyager131,

    Do you have a live site that I could take a look at by chance? I have been able to replicate the issue but I would like to get a look at what you are experiencing with this also.

    I found that a margin-bottom is being applied to the figure element from a core class wp-block-image.

    This screen shot is the before
    https://prnt.sc/ptugyd

    This screen shot is after disabling the core style.
    https://prnt.sc/ptuhpp

    I also found some locations where theme styles are causing a margin to be incorrectly applied to the CoBlocks rows. I have no reason to believe that this is what is affecting you however.

    Best,

    Anthony

    Plugin Author Anthony Ledesma

    (@paranoia1906)

    Hello @voyager131,

    We have a code change ready which will most likely resolve the issue that you have reported. If testing works as expected, we can expect the fix to roll out with the next version of CoBlocks. If you would like you may get a look at the change here: https://github.com/godaddy/coblocks/pull/1107.

    Ill circle back here and resolve the issue when that happens and if I do not hear from you.

    Best,

    Anthony

    Plugin Author Anthony Ledesma

    (@paranoia1906)

    Hi @voyager131,

    I am pleased to let you know that we have merged and deployed a fix for the top and bottom margins. Please install the latest CoBlocks version 1.17.1 and try it out. If you see any other issues please let us know. Thank you for your contribution to CoBlocks.

    Best regards,

    Anthony

    I use Woodmart for my them with WP Bakery, I want to bring stuff closer too, is it the same way in terms of the above?

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Can’t remove spacing between rows’ is closed to new replies.