Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • February 7, 2018 at 6:29 pm #909339
    larrystick

    How can I remove the space between an image container and a code block? I will only need this change for page id 7500. I think the space is controlled by the Image Container, but there may also be a space around the Code Block.

    Image Container Code Block Spacing

    The URL where I am testing this is: Image and Code Block Spacing

    February 7, 2018 at 8:58 pm #909401
    Basilis

    Hey larrystick,

    Even if I removed the padding / spacing that exists, there is an iframe that pushes it down, that is why that space is there.
    Can you use an image instead of an iframe?

    Best regards,
    Basilis

    February 9, 2018 at 3:32 pm #910285
    larrystick

    I can’t use an image, because the code block produces the entire square. It’s interactive and is fed from a coupon tracking company. Maybe I’ll have to live with the space, and adjust the design. Is the space in the iFrame, or surrounding the iFrame?

    February 9, 2018 at 4:17 pm #910303
    Nikko

    Hi,

    Can you try adding this css code in Quick CSS (located in Enfold > General Styling):

    .page-id-7500 #av_section_1 .avia-image-container.avia-align-center {
    margin-bottom: -11px !important;
}

    Let us know if this helps :)

    Best regards,
    Nikko

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