Jump to content


Photo
- - - - -

Transparent content without text transparent


  • Please log in to reply
2 replies to this topic

#1 uniquecreative

uniquecreative

    Newbie

  • Members
  • 1 posts
  • Framework Version:PageLines Framework 2.4.4
  • Country: Country Flag

Posted 18 July 2014 - 12:31 PM

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

 

 



#2 batman

batman

    Bat Learning

  • Members

  • 2217 posts
  • LocationBuenos Aires, Argentina
  • Framework Version:DMS
  • Country: Country Flag

Posted 18 July 2014 - 09:46 PM

Hi @

Please Login or Register to see this Hidden Content

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

 



#3 Danny

Danny

    Is Awesome!

  • Moderators
  • 17931 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 20 July 2014 - 10:16 AM

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:

 

Please Login or Register to see this Hidden Content

Please Login or Register to see this Hidden Content