Hi,
If you look at my site, you will see the background repeating in each color section which makes the images look broken/cut off. I have set the main content background with that background image.
How can I make all the color sections transparent so they show the main content’s background image?
Thanks for all your help!
Nathan
Hey norcalnathan,
Thank you for using Enfold.
Please use this in the Quick CSS field to make the color section transparent:
.main_color.avia-section, .main_color.av_default_container_wrap {
background: transparent;
}
Note that this css code will affect all color sections.
Best regards,
Ismael
Hi Ismael,
Unfortunately that did not have the desired result. The color section background is now black. I wanted the theme background to show through.
Thanks,
Nathan
Hi,
Note that the background that is set in the General Styling > Main Content panel is going to be applied to all color sections with the “main_color” attribute. If you have 3 color sections in the page, all of those color sections will get the same background unless another custom background is added in the color section options. Could you please provide a screenshot of the expected layout?
Best regards,
Ismael
see private content
Hi,
glad you’ve figured out another way for it. Let us know in a new ticket if you have some more questions related to the theme. We are happy to assist you.
Best regards,
Andy