Jump to content
Sign in to follow this  
tsays

Header Color on Carousel Pages

Recommended Posts

tsays

I already have the below code added to my custom CSS:

body #spotlight .effect, body #footer .effect{
	background:url(../images/eco-bg-spotlight.jpg) repeat scroll center top transparent}

But for some reason, it isn't applying to the Carousel Page (full width) template. You can see the differences at these links: http://styrophobia.akamai-marketing.com/ http://styrophobia.akamai-marketing.com/aboutstyrophobia-products/how-do-we-make-styrophobia-products/corn-starch/ Can someone advise me on what change needs to be made and what the code would be? THANK YOU

Share this post


Link to post
Share on other sites
kastelic

I think its a matter of the CSS not finding the image because its coming from a different path on that page. Try using the full path to the image starting with

http://

Share this post


Link to post
Share on other sites
kastelic

It might be a matter of the CSS not finding the image, try using the full path to the image starting with

http://

Share this post


Link to post
Share on other sites
tsays

Jimmy-thanks for the suggestion, but that wasn't it. I entered the entire path and there was no change. Do you have any more suggestions?

Share this post


Link to post
Share on other sites
kastelic

So you've replaced eco.bg.spotlight.jpg with a modified image and are now trying to target it more specifically than it was before? What exactly is your method here?

Share this post


Link to post
Share on other sites
kastelic

Try:

.home #spotlight .effect, .home #footer .effect{
	 background:url(../images/eco-bg-spotlight.jpg) repeat scroll center top transparent}

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  

×