• 0
Sign in to follow this  
Followers 0

content background transparency


Question

Posted · Report post

http://bit.ly/1hmq2oV

 

Want to be able to have just the post loop area and footer have a transparent color as shown...

not header or nav...

 

Cannot seem to identify this area only without every content section displaying the color...

this is the css...

 

.pl-content {
background: rgba(250, 250, 250, .5);
}

 

Suggestions welcomed.

Thank you.

Share this post


Link to post
Share on other sites

5 answers to this question

  • 0

Posted · Report post

Hi there, try the below if you want to have the transparent background, then a break, then the transparent footer.

 

.section-postloop {
background: rgba(250, 250, 250, .5);
}

 

#footer .pl-content {
background: rgba(250, 250, 250, .5);
}

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

Hi,

 

So I've managed to add the css as wanted the entire content area in that section and then just targeted the areas I did not want ... and seemed to work..

however, disappears and does not show up on firefox or safari. So basically it is not holding anymore.

 

**Note: I posted a new topic with the below***

 

looked thru some posts for css not holding... the code is in the fallback area... and flushed cache in settings...

 

.pl-content {
background: rgba(250, 250, 250, .8);
}
#header .pl-content {
background: rgba(0, 0, 0, 0);
}
#navbar .pl-content {
background: rgba(0, 0, 0, 0);
}
#footer .pl-content {
background: rgba(250, 250, 250, .8);
}

 

_________
here is all the custom CSS:

.navbar.pl-color-grey { background-color: #9E9E9E; background-image: linear-gradient(#CCCCCC, #9E9E9E); background-repeat: repeat-x; border-top: 1px solid #DCDCDC; color: rgba(0, 0, 0, 0.5); } .navbar.pl-color-grey .navline > li.current-menu-item > a { color: #ffffff; } .navbar.pl-color-grey .navline > li > a { text-shadow: none; } .navbar .navline > li.current-menu-item > a { background-color: #AA0000; text-decoration: none; } .navbar .navline > li > a { display: block; float: none; line-height: 19px; padding: 9px 12px; } #the-media-html p { margin: 0.1em 0; } .revslider-container { max-height: 410px !important; overflow: hidden; padding: 0; position: relative; width: 100% !important; } .grey-header { background: #D1D1D1; } .pl-pro-version .pl-appear {     opacity: 0.1;     transform: scale(1); } .hentry table th, .hentry table td, #comments table th, #comments table td { padding: 0.6em; text-align: left; vertical-align: middle; } .pl-content { background: rgba(250, 250, 250, .8); } #header .pl-content { background: rgba(0, 0, 0, 0); } #navbar .pl-content { background: rgba(0, 0, 0, 0); } #footer .pl-content { background: rgba(250, 250, 250, .8); } 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

If you don't mind - we shall mark this as closed and concentrate on the other topic for you. 

 

I have your logon and will take a look in a few moments for you 

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

that would be fine... thanks

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

ok great :) 

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