• 0
Sign in to follow this  
Followers 0

Transparent content without text transparent

Question

Posted · Report post

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

Gloria

 

 

Share this post


Link to post
Share on other sites

2 answers to this question

  • 0

Posted · Report post

Hi uniquecreative

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

 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

HI,

 

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:

 

http://www.w3schools.com/cssref/css_colors_legal.asp

http://css-tricks.com/rgba-browser-support/

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0