Elementor – 2 images with no space between them

  • Resolved mariasc00

    (@mariasc00)


    5 years, 7 months ago

    Hi!

    I’m trying to have the 2 images that look like a banner in the same section but in two differents columns.
    I alredady change the “space between columns” to none (in the section options) and the “space between widgets” to cero (in the column options).
    The two images look perfect on the editing page but when I preview or save the page there is a white space between both images.
    I couldn’t find an answer to it.

    Thanks so much for the help!
    María

    The page I need help with: [log in to see the link]

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

  • Hi @mariasc00

    I could create the columns with images in Elementor without the white space – https://imgur.com/kUkXaRI

    The white space between images is coming from theme’s css file (https://olgamartinm.es/?sccss=1&ver=5.2.2) which has 5px padding defined for column class. See in this image – https://imgur.com/VtZHn74

    Here is an excerpt from the css file;

    /* grid */
.row {
  margin: 0 -10px;
  margin-bottom: 10px;
}
.row:last-child {
  margin-bottom: 0;
}
[class*="col-"] {
  padding: 5px;
}

    Please contact your theme provider who can help you with custom css.

    If you are using Elementor Pro, you can add custom css code to individual widgets (Advanced > Custom CSS).

    Hope this helps.

    Thread Starter mariasc00

    (@mariasc00)

    Thanks for the help!
    I’ll contact the theme provider.

    Best regards,

    María

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Elementor – 2 images with no space between them’ is closed to new replies.