Reply To: Semi-transparent image overlay for sections and page-header?

Home Forums Support Semi-transparent image overlay for sections and page-header? Reply To: Semi-transparent image overlay for sections and page-header?

#158798
Are Martin

I actually found a way I think…. I set the top and bottom padding option in the section to 0 then I made a semi-transparent div inside the section text editor and then used custom css to make negative margins on the side and padding on top and bottom until the div covered the section entirely.

like so:

div.bakgrunn {
   padding-top: 300px;
  padding-bottom: 300px;
  margin-left: -15px;
  margin-right: -15px;
  
    background-color: rgba(255, 255, 255, 0.6);
   
   
 }

This actually works on my screen (macbook pro 13″) and on smaller screens (mobile, and iPad) but it will probably not cover the entire section on larger screens? What do you think about this solution?