Jump to content


This topic is now archived and is closed to further replies.


Transparent content without text transparent

Recommended Posts


Dear ones,


please give my guidance.


I want to make the content transparent and this already works.

But the content text and the images are now also transparent.

How can I change the CSS so that only the background of the content is transparent and not the text and images?

Ans where can I make the branding section and the footer transparent also?


Here is my CSS:


#content .content  { background: #FFF; opacity: 0.5;}


I work with Pagelines Framework 2.4.5.


Thank you so much!


kind regards




Share this post

Link to post
Share on other sites

Hi uniquecreative

Please post your site's url so I can properly troubleshoot the issue for you.


Life is too short to remove USB safely ...

Share this post

Link to post
Share on other sites



The issue you have is that you have used the CSS property opacity, this sets the opacity to everything in the parent element and child elements. Therefore, you shouldn't use it to create transparent backgrounds which I believe is what you're trying to achieve.

You will want to remove the opacity property and value from your CSS and replace it with background-color and rgba(...); See the following links for more information:




Please search our forums, before posting!

Share this post

Link to post
Share on other sites