Hi,
I'd like to change the color of the nav bar from the stock maroon to red like on the opencart site. I spent a fair bit of time poking around in the stylesheet and templates but couldn't figure out if it's a matter of changing the header graphic itself or just changing a color in the spreadsheet.
I'd be very grateful for any help with this.
Cheers,
Alasdair
You need to get Firefox and the firebug extension . Then you can right click on any spot of a page and choose "inspect element" to find more details about it. Also recommend the web developer toolbar for more features.
But in this case, simply right clicking on the bar itself with firefox and choosing "view background image" will show you the path
But in this case, simply right clicking on the bar itself with firefox and choosing "view background image" will show you the path
Thanks. I already spent an hour or so using Firebug, but it still wasn't clear to me how to change the color.Qphoria wrote:You need to get Firefox and the firebug extension . Then you can right click on any spot of a page and choose "inspect element" to find more details about it. Also recommend the web developer toolbar for more features.
But in this case, simply right clicking on the bar itself with firefox and choosing "view background image" will show you the path
You can change the image and the stylesheet...
The nav is div4 in the #header - listed as #header .div4 in the stylesheet.
See the background? You can change the image there or update the color.
The nav is div4 in the #header - listed as #header .div4 in the stylesheet.
Code: Select all
#header .div4 {
padding-left: 10px;
padding-right: 10px;
height: 40px;
background: url('../image/header.png') repeat-x;
}http://www.alreadymade.com
Follow me on twitter.com/alreadymade
Who is online
Users browsing this forum: No registered users and 6 guests
