This is about the cold steel template, so i figured this was a good place to post this. I've installed it and looks great. Before i proceed on fully utilizing the awesome template, Just wondering on how or if it's possible to have the categories like this website http://www.cooltechcentral.com/. There is a lot of code so it's a little intimidating. Not sure if i am making myself clear, but see the website, view the categories and you'll see what i mean.
There are categories across the top, and also within a sidebox. when you click the category name at the top it also expands the corresponding sidebox category name.
Is this possible with this template and any direction you can suggest?
regards and many thanks for you contributions.
By default, the top categories menu is set to display none in the stylesheet.css
To get the look you want - open includes/templates/cold_steel/css/stylesheet.css
find the following section of code:
And replace it with following:Code:/*BOF top horizontal Category navigation and EZpages navigation*/ #navCatTabsWrapper, #siteinfoIP { display:none; } /*#siteinfoIP { font-size: 0.9em; } #navCatTabsWrapper { margin: 0 auto; padding: 0; background: url(../images/cat_nav_tab.gif) repeat-x; font-size: 0.95em; font-weight: bold; color: #8A6241; height: 24px; width:845px; } */
Save the file and upload to your serverCode:/*BOF top horizontal Category navigation and EZpages navigation*/ /*#navCatTabsWrapper { display:none; }*/ #siteinfoIP { display:none; font-size: 0.9em; } #navCatTabsWrapper { margin: 0 auto; padding: 0; background: url(../images/cat_nav_tab.gif) repeat-x; font-size: 0.95em; font-weight: bold; color: #8A6241; height: 24px; width:845px; }
Now make sure you have the Categories-Tabs Menu turned on.
go to
admin -> configuration -> layout settings -> Categories-Tabs Menu ON/OFF (set to 1)
Ok I guess that means it can be done. Two quick questions. I've added the fix to show the category tabs (ie. home, login, my account,,etc) and when you hover over the hover color does not fill the link as it does on your demo site(love the look of yours and i am attempting to replicate it.), any fix for that.
If I want to increase the width of the header wrapper say 980px, do I need a new background image as the current one is only 917px. I tried increasing the header to 980px but it leaves white space on the right as you can see now.
beautycarediscountsDotcom
many thanks
open includes/templates/cold_steel/css/stylesheet.css
find the follwoing section of code and make the highlighted change
#navCatTabs ul li a:hover {
color: #854401;
background: #EEAA3B;
}
Yes if you increase the width you'll also need to new images of the same width.
I've made the suggested changes, and it did not change anything. I really love your header including the navEZPagesTop(yes i've got devtools). I tried making changes to my stylesheet in accordance with your demosite's stylesheet in attempt to replicate yours but only seems to make things worse. Am I missing some admin setting, php fiels, or is it all in the stylesheet? Any guidance,
many thanks for your hasty and helpful assistance.
open includes/templates/cold_steel/css/stylesheet_betterCategoriesEzInfo.css
find the following section and make the highlighted change.
.betterCategories a:hover, .betterCategories a:active,
.betterDocuments a:hover, .betterDocuments a:active,
.betterEzpages a:hover, .betterEzpages a:active,
.betterInformation a:hover, .betterInformation a:active,
.betterMoreinformation a:hover, .betterMoreinformation a:active,
.betterBestsellers a:hover, .betterBestsellers a:active {
background-color: #EDA93A;
}
Clyde I've made the above changes( background-color: #EDA93A;) and it makes no difference. Should I just start the template over although I've made no significant changes, am i missing an important setting in admin? I am looking for the same exact header(minus the logo) as you have here http://mysticmountainnaturals.com/demotest/ take a look at how mine looks beautycarediscountsDOTcom. You'll notice the difference.
Bookmarks