Are you a GenerateCustomer?

Do you have an active GP Premium or GenerateBlocks Pro license key?

Create a GenerateSupport account for GeneratePress and GenerateBlocks support in one dedicated place.

Create an account
Already have a GenerateSupport account? Login

Just browsing?

Feel free to browse the forums. Support for our free versions is provided on WordPress.org (GeneratePress, GenerateBlocks).

Want to become a premium user? Learn more below.

How do I fix the gap between two elements

  • Hi, I have attached an image. I need help with adding small gap between the number and arrow image. Please look into the picture.

  • Hi there,

    Option A use the flex gap
    Select the headline block and in the Layout set the Column Gap.
    But this will also add space between the number and the %

    Option B use some CSS
    give the headline a CSS class eg. has-inline-image
    Then add this CSS to add margin to the img

    
    .has-inline-image img {
        margin-right: 10px;
    }
    

    Option C use a flex container
    This layout:

    
    Container Block
    ---- Image Block
    ---- Headline Block
    

    set the Container Block Layout to Flex row, and then add some Right Margin to the Image Block

  • Worked thanks

  • You’re welcome

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