5 replies to this topic

[gmbuser]

- Here is the website:
http://www.anthonyfoxx.com/

FIRST PROBLEM:

- I would like to change the theme color scheme to: #e84234

- I found the following code on a thread and pasted it into Custom CSS but its not changing the footer color:

"body #spotlight .effect, body #footer .effect, body #welcome {
background: #e84234;
}"

- Here is all the code in Custom CSS:
"#nav {width:960px;top:145px;}

body #spotlight .effect, body #footer .effect, body #welcome {
background: #e84234;
}

.fcol {width:960px;}

#footer .effect{background:none !important;}
#fcolumns_container{background:none;}
.fcol_pad .textwidget div{padding-bottom:60px;}"

SECOND PROBLEM

- There is a green strip at the bottom of the site. How do I remove this?


Thank you,
Paul

[Rob]

Paul, I'm not a CSS expert, so bumping this to a colleague on that front. However on the second point, I believe the green area is being caused by the javascripts in your site's footer area.

[Jenny]

Remove:

 body #spotlight .effect, body #footer .effect, body #welcome {
	    background: #e84234;
	}
	#footer .effect{background:none !important;}

Replace with:

 body {
	    background: none repeat scroll 0 0 transparent;
	}
	#spotlight .effect, #footer .effect, #spotlight, #footer {
	    background: none repeat scroll 0 0 #E84234;
	}

[gmbuser]

Hi Mama, Thank you for the code, but it's not working: http://www.anthonyfoxx.com/ Here's all the code in the Custom CSS including your code: ------------------------------------- #nav {width:960px;top:145px;} body { background: none repeat scroll 0 0 transparent; } #spotlight .effect, #footer .effect, #spotlight, #footer { background: none repeat scroll 0 0 #E84234; } .fcol {width:960px;} #fcolumns_container{background:none;} .fcol_pad .textwidget div{padding-bottom:60px;} -------------------------------------

[Jenny]

Where are you entering the code? It's not showing up when I inspect the code on your site. Try adding !important to the code like this:

 body {
	    background: none repeat scroll 0 0 transparent !important;
	}
	#spotlight .effect, #footer .effect, #spotlight, #footer {
	    background: none repeat scroll 0 0 #E84234 !important;
	}

The green strip is gone so that makes me think it just needs !important

[gmbuser]

It's all in EcoPro Theme Options > Custom CSS. That worked thank you!