Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #307526

    Hi guys,

    I tried searching the forum and could not find an exact answer on how to do this. I am trying to add a background section to show slightly transparent behind the content contained within the color section. I found a little bit of help which has gotten me started, but the outside edges appear white even though I have a background applied to the main content area of the site through enfold settings. How would I apply the transparent boxed background and have the outside edges remain consistent with the currently set speckled background?

    Link attached.


    Hi David!

    Thank you for using Enfold.

    Do you mind providing a screenshot on how you want it to look like? Why did you add this code?

    .avia-section {
    width: 80%;

    The width of the color section should be 100% by default.



    Because I was trying to figure out what is controlling the width. Funny enough, that is the only thing I could find that would have an affect.

    As for a link…check out



    You would need to target the container of whatever is holding the inner content and apply a background to it. The sample page link in your original post is giving me a 404 error so I can’t inspect to see what you had before however that is the gist of what would need to be done.


Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.