Archived

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

  • 0

Feature background


Question

Posted · Report post

I've been trying to find a way to make the feature background transparent or white on a website. Here's an example of one of the pages: http://drtanyapeters.com/home-page-test/

 

I'd like the background behind the photo and text to be all white.

 

I've tried using this bit of code I saw in other answers to this question:

 

#site .section-features .fcontent {
background: transparent;
}
 
But it hasn't done a thing. Running most recent version of Pagelines and WP.

Share this post


Link to post
Share on other sites

3 answers to this question

Posted · Report post

I played around with it based on the advice above, and this ultimately fixed it for me:

 

#feature_slider .fmedia {
background: #ffffff;
}
#feature_slider .fstyle-lightbg {
background: #ffffff;
}

 

 

 

Thanks

 

The first bit takes out the border behind the photo, the second takes it out from behind the text.

Share this post


Link to post
Share on other sites

Posted · Report post

Are you looking at the sections below? There is a background image attached that is affecting the background.

 

#feature_slider #feature-area

 

#feature_slider .fcontainer.fstyle-lightbg .fcontent

1 person likes this

Share this post


Link to post
Share on other sites

Posted · Report post

If you apply background-color: transparent; or background: transparent; to #feature_slider .fmedia, #feature_slider .fcontent  you'll see it remains dark grey. It's picking up the color from some other level. However, if you make it background-color: #ffffff;   or background: white; it turns the background behind the person's image, white.

1 person likes this

Share this post


Link to post
Share on other sites