Hello dear support team
I am currently working on an ENFOLD page for a client.
1. On the home page about in the middle I have a Masonry gallery inserted with 3 pictures: https://hotel-uhland.de/NEU/
I would like to remove the padding around the gallery, so that the outer edge of the gallery right and left flush with the rest of the outer edges of the page.
How can I remove this padding?
2.I also have a second question:
At the beginning (before the user scrolls down the page9, the header is set to transparent, but not only is the white background area of the header transparent, but the logo also appears transparent, but I would like to make sure that only the background is tranpsarent (white bar) and the logo always appears in full color, how can I adjust this?
Thank you and best regards Diana
Hey DianaLoola73,
For 1, you can use this css code and add it in Quick CSS (located in Enfold > General Styling):
.home #av_section_5 .container {
margin: 0;
padding: 0;
width: 100%;
max-width: 100%;
}
.home #av_section_5 .container .flex_column.av_one_full {
padding-left: 0 !important;
padding-right: 0 !important;
border: 0 !important;
}
For the 2nd question, try adding this css code:
#top .av_header_transparency #header_main {
opacity: 1;
background-color: rgba(255,255,255,0.5);
}
Hope this helps.
Best regards,
Nikko
Thanks
this cod works perfectly! :)
Best regards!
Diana
Hi Diana,
Glad that we could help :)
Feel free to comeback if you need further assistance.
Thanks for using Enfold and have a great day!
Best regards,
Nikko