Jump to content


Photo

EcoPro: Custom theme color


  • Please log in to reply
5 replies to this topic

#1 gmbuser

gmbuser

    Newbie

  • Members
  • 6 posts
  • Country: Country Flag

Posted 20 December 2011 - 07:42 PM

- 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

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 20 December 2011 - 07:58 PM

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.

#3 Jenny

Jenny

    Owned by PageLines

  • Unicorn Store Dev

  • 2917 posts
  • LocationWV
  • Country: Country Flag

Posted 20 December 2011 - 09:45 PM

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;
	}


#4 gmbuser

gmbuser

    Newbie

  • Members
  • 6 posts
  • Country: Country Flag

Posted 21 December 2011 - 01:11 AM

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;} -------------------------------------

#5 Jenny

Jenny

    Owned by PageLines

  • Unicorn Store Dev

  • 2917 posts
  • LocationWV
  • Country: Country Flag

Posted 21 December 2011 - 04:02 PM

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 :)

#6 gmbuser

gmbuser

    Newbie

  • Members
  • 6 posts
  • Country: Country Flag

Posted 23 December 2011 - 03:32 AM

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