Change home page button colors Emporium theme frome templatic WordPress
- SOLVED
I have recently purchased the Emporium theme frome templatic and am currently trying to do some slight customization. I was wondering if someone could expain how I could change the color of the buttons on my home page (ex: home on top left, prev & next on the banner, the "1" square button, help and otherlinks below the banner). Here is my website so you could see what I'm talking about.
www dot sweetcitygirl dot com
Answers (3)
Daniele Raimondi answers:
You have to simply modify some code in the stylesheet(s) of your theme. For example, if you wanna change the color the HOME button go to <em>wp-content/themes/Emporium/skins/1-default.css</em> on line 57 and change the color as you like.
I can suggest to use FireFox and Firebug extension to clearly understand where and how customize your css
AdamGold answers:
To change the "prev" and "next" tabs open your CSS and type:
.nivoSlider a.nivo-nextTab {
background: #yourcolor;
}
.nivoSlider a.nivo-prevTab {
background: #yourcolor;
}
To change the control tabs of the slider:
.nivoSlider .nivo-controlNav a {
background: #yourcolor;
}
And the footer links:
#footer a {
color: #yourcolor;
}
saint merc comments:
I have been inserting the scripts everywhere and things are moving but the buttons are not changing color. Where do I enter the script? Also, my script is different in the css style sheet compared to the default.
AdamGold comments:
Try to put it before your closing </head> tag:
<style type="text/css">
.nivoSlider a.nivo-nextTab {
background: #yourcolor;
}
.nivoSlider a.nivo-prevTab {
background: #yourcolor;
}
.nivoSlider .nivo-controlNav a {
background: #yourcolor;
}
#footer a {
color: #yourcolor;
}
</style>
