Archived

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

  • 0

Resolved background in content


Question

Posted · Report post

Hi

I'm using the following code to style the background of content areas on my site. On the blog layout, this leads to the same gradient in the individual post boxes and in the content background. I'd like to remove the styling from the content background just for this page, so the posts 'float' on transparent background. I cannot figure out how to select for just this page?

div#pagelines_content.fullwidth.fix, #contentbox.content, .one-sidebar-right.fix, #carousel .thecarousel, .fslider, .fbox, .hentry

{

border: 1px;

border-radius: 5px;

margin:12px 0px 10px;

background-color: #f1f1f1;

background-image: -moz-linear-gradient(top,#ffffff,#dcdcdc);

background-image: -ms-linear-gradient(top,#ffffff,#dcdcdc);

background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dcdcdc));

background-image: -webkit-linear-gradient(top,#ffffff,#dcdcdc);

background-image: -o-linear-gradient(top,#ffffff,#dcdcdc);

background-image: linear-gradient(top,#ffffff,#dcdcdc);

background-repeat: repeat-x;

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc', GradientType=0);

border-top: 1px solid #dcdcdc;

color: rgba(0,0,0,0.6);

}

cheers

kk

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

Hi,

If I understand you correctly, add this to your custom CSS and it should resolve your issue.


.blog #site #pagelines_content {
background: transparent;
border-color: transparent;
}[/CODE]

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

sweet. that worked. resolved I'd say!

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites