cover Posted October 23, 2011 Posted October 23, 2011 I am trying to make some color changes on the header background color, headerNavigation color by changing the code in the stylesheet.css (TR.header; TD.headerNavigation) but none of these code changes could change the color on the website. The only change worked was the color I made for the font color in the navigation bar (A. headerNavigation). I'd appreciate if someone can help me out on this issue. Thanks!!!!!osCommerce 2.3.1 ---------------- TR.header { background: #000000; } TR.headerNavigation { background: #bbc3d3; } TD.headerNavigation { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #bbc3d3; color: #ffffff; font-weight : bold; } A.headerNavigation { color: #FFFFFF; } A.headerNavigation:hover { color: #ffffff; } ------------------------------------
songbird Posted October 23, 2011 Posted October 23, 2011 You need to use the jQuery website to create the look and feel you want, then import it into your site. http://jqueryui.com/themeroller/ they go into: catalog/ext/jquery/ui/redmond/
NodsDorf Posted October 23, 2011 Posted October 23, 2011 This thread should help you with the basic designs. If you're trying to change the Header... where you logo and what not is, then look for the #header { height: 60px; } You can add a background color or image in there. Hope that helps
MrPhil Posted October 23, 2011 Posted October 23, 2011 If all you did was change one or more .css files (and of course, uploaded them to your server), it's possible that your browser is still using an older cached copy. Either clear your browser cache, or force a reload for the page in question (ctrl-F5), and see if your changes to CSS show up.
cover Posted October 23, 2011 Author Posted October 23, 2011 Hi songbird, NodsDorf, MrPhil, Thank you very much for your prompt help. I've followed MrPhil's suggestion and double checked the reload process but the changes still did not show up in the website. Next, I'll study the suggestions made by songbird and NodsDorf and visit http://jqueryui.com/themeroller/ . I'll let you know.
cover Posted October 24, 2011 Author Posted October 24, 2011 I've successfully changed the color in the header area by adding background color in #header { height: 160px; background: #00ff00; }. I've also used the 'themeRoller develop tool' in the website http://jqueryui.com/themeroller/ for changing the color of navigation bar. I appreciate all of you for your help!!!
Recommended Posts
Archived
This topic is now archived and is closed to further replies.