• mattiachiara

    (@mattiachiara)


    Hi guys,

    I’m using Generate Blocks and I’m having trouble alligning the elements in the grid. How do I allign the image exactly with the middle point of the text on its right? I tried to work with horizontal and vertical allignment but it doesn’t seem to work.

    Thanks,

    Mattia

Viewing 9 replies - 1 through 9 (of 9 total)
  • David

    (@diggeddy)

    Hi there,

    can you share a link to a page on your site where we can see the issue ?

    Thread Starter mattiachiara

    (@mattiachiara)

    Hi David,

    Unfortunately I can’t share the link as I’m building it locally with desktop server. However, I kinda solved the issue.

    Can I please ask you to help me with another doubt I have? How can I make the container and the grids exaclty as tall as the image they contain so they don’t have space beneath or above?

    I’m referring to this website: https://herbe.bio/

    Block 6th and 7th. They seem okay just because I moved up the one below so they overlay.

    Thanks!

    fernandoazarcon2

    (@fernandoazarcon2)

    Hi @mattiachiara,

    Are you referring to this section?

    See: https://share.getcloudapp.com/nOuR40wN

    Also see: https://share.getcloudapp.com/xQuqk1DP

    If so, the plugin you’re using to generate these is adding margins to its elements.

    If you’re referring to something else. Kindly let us know. Perhaps you can take a screenshot of the specific section as well where the issue is occurring.

    Kindly let us know. 🙂

    Thread Starter mattiachiara

    (@mattiachiara)

    Hello Fernando,

    Yes I’m talking about that: https://share.getcloudapp.com/mXuYNlDq

    You see, those two are two separate containers overlayed, and the upper ends few inches below.

    I changed the background color to make it look like one block but ideally I would like to have them one straight under the other with two different background colors.

    Let me now if I was clear,

    Thank you very much!

    David

    (@diggeddy)

    The gap comes from the Bottom Margin being applied to your images – which comes from this CSS in your theme:

    .entry-content .wp-block-image img, .entry-content img.alignnone, .entry-content img.aligncenter, .entry-content img.alignleft, .entry-content img.alignright, .entry-content img.attachment-fullsize {
        margin-bottom: 20px;
        max-width: 100%;
        height: auto;
    }

    Select the Image Block, and in Advanced > Additional CSS Class(es) add a custom class eg. no-bottom-margin

    then add this CSS to remove the margin:

    .entry-content .wp-block-image.no-bottom-margin img {
        margin-bottom: 0;
    }
    Thread Starter mattiachiara

    (@mattiachiara)

    Thank you David!

    David

    (@diggeddy)

    You’re welcome

    cotekno

    (@turhin160489)

    Saya pemula dalam wordpress, saya juga mengalami hal yang demikian.
    saya ingin membuat profil memakai domain utama saya yaitu https://cotekno.com , semoga nanti aja yang mau membantu jika saya mengalami kendala.

    fernandoazarcon2

    (@fernandoazarcon2)

    Hi @turhin160489,

    To clarify, are you still experiencing the same issue, and would you need assistance with regards to this as well? Or, have you resolved this already.

    Kindly let us know. 🙂

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Center Grid’ is closed to new replies.