-
Posts
-
Dear Kriesi-team,
On my new design, I would really like to make the image with the film reel full-width. I have tried everything to remove the 50px padding in a parent <div> with class=”container av-section-cont-open”, but I can’t seem to do it. Can you help me?
Cheers,
ItaHey Ita,
It looks full width on my end already, did you manage to find a solution? If not, then please post a screenshot highlighting your intentions.
Best regards,
RikardHi Rikard,
Please see the screenshot: left en right of the image with the film are paddings.
Cheers,
ItaHi Ita,
Please try to add this CSS code in Enfold > General Styling > Quick CSS:
#top #landing__filmrol--parentcontainer .container { max-width: 100%; padding-left: 0; padding-right: 0; }Hope it helps.
Best regards,
NikkoHi Nikko,
That really worked, thanks a lot! However, on mobile, there was still visible space on the left and right due to a margin (instead of padding). I was able to fix this by adding:
@media only screen and (max-width: 767px) {
/* Filmrol ook op mobiel full-width*/
.responsive #top #wrap_all .container,
#top #landing__filmrol–parentcontainer .container {
width: 100% !important;
}
}Have a wonderful day!
ItaHi,
Glad to hear that you have this sorted out with Nikko’s help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.Best regards,
Mike
- The topic ‘Delete padding of 50px on div with class container’ is closed to new replies.