Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • May 4, 2021 at 2:16 pm #1298280
    yampieters

    Hello
    ive put all margins and paddings on zero in the content section, but still the picture leaves some margin.

    this is what i got:

    Duo-interieur

    this is what i would want:
    https://jmcwebdesign.nl/duo/wp-content/uploads/2021/05/DUO-Interieurjpg.jpg

    how to really stick the pic to the edge?

    best regards, jelle

    ps: i got rid of the top margin by using an “old” piece of code…

    #top.home #main .flex_column.kleur .column-natuur > img {
	margin-left: -50px !important;
    max-width: 150% !important;
}

    and than i ve made a div with the class “natuur” but the bottom margin wont go…even if i enlarge the pic…(enlarging as the column with the text is higher)

    • This topic was modified 3 years, 4 months ago by yampieters.
    May 4, 2021 at 3:43 pm #1298323
    Nikko

    Hi jelle,

    Can you try adding this CSS code in Enfold > General Styling > Quick CSS:

    .postid-101 #av_section_1 {
    overflow: hidden;
}

.postid-101 #av_section_1 .row-natuur img {
    transform: scale(1.15);
}

    Best regards,
    Nikko

    May 4, 2021 at 7:45 pm #1298369
    yampieters

    that worked, nikko, thanks.
    But for next time…how could i figure out whats what?
    i mean, i can detect the postid, but how would i know where to find the av_section_1?
    how do i know its av_section_1? and not 5 or 8 or whatever…? its not in the url…
    where can i find this information?

    best regards, jelle

    May 4, 2021 at 11:07 pm #1298379
    Nikko

    Hi Jelle,

    Please do this instead:
    1. Set the Custom CSS Class to mysection in the Color Section.
    2. Set the Custom CSS Class to myrow in the Column element that has the image.
    3. Add this CSS code in Quick CSS:

    #top .mysection {
    overflow: hidden;
}

#top .mysection .myrow img {
    transform: scale(1.15);
}

    If you need to add this on other pages/posts then just repeat Step 1 & 2.
    Also, you can remove the last code I gave.

    Best regards,
    Nikko

    May 5, 2021 at 7:57 am #1298449
    yampieters

    hi nikko, thanks, works perfect,on the site https://jmcwebdesign.nl/duo/duo-interieur/

    but ive tested it here, and it looks like the overflow: hidden part is not working:

    Home

    the idea would be of course that the image cant get out of the box…

    best regards, jelle

    • This reply was modified 3 years, 4 months ago by yampieters.
    May 5, 2021 at 8:12 am #1298457
    Nikko

    Hi jelle,

    We’re glad that we could help :)
    Thanks for using Enfold and have a great day!

    Best regards,
    Nikko

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘no margin in content section’ is closed to new replies.