How to change look of category menu?

[Guest]

I am trying to change the look of my categories menu at the subcategory part. Basically, there is a category menu on the left column, and when someone clicks on that, it goes to a page that has the submenu options at the top center of the page. However, these menu options are in small text and look really horrible. Unfortunately, try as I have, I have not been able to find where I need to manipulate the code in order to at least change the font of this menu. What I really want to do is add images behind the words, but first, I need a little advice on where to find the code I need to change. Anyone have any advice?:)

 

Thank you for any help you can offer!

David Henderson

[Guest]

I am trying to change the look of my categories menu at the subcategory part. Basically, there is a category menu on the left column, and when someone clicks on that, it goes to a page that has the submenu options at the top center of the page. However, these menu options are in small text and look really horrible. Unfortunately, try as I have, I have not been able to find where I need to manipulate the code in order to at least change the font of this menu. What I really want to do is add images behind the words, but first, I need a little advice on where to find the code I need to change. Anyone have any advice?:)

 

Thank you for any help you can offer!

David Henderson

 

 

I can't believe I am the only person who has ever tried to do this. Hasn't anyone else out there ever tried to change the way the categories look on their site? The default looks horrible. It is in small text and if the menu item is two words, it messes the entire layout up.

 

Please, someone give me a hint to get me in the direction needed, possible a filename of where I need to go to make the changes to the menu:)

 

Thank you,

David Henderson

[Guest]

I can't believe I am the only person who has ever tried to do this. Hasn't anyone else out there ever tried to change the way the categories look on their site? The default looks horrible. It is in small text and if the menu item is two words, it messes the entire layout up.

 

Please, someone give me a hint to get me in the direction needed, possible a filename of where I need to go to make the changes to the menu:)

 

Thank you,

David Henderson

 

 

I have looked and looked and looked, and yet I still cannot figure out which file is responsible for the style associated with the subcategory menu buttons that are displayed in the main content area of the page. I REALLY need to change the look of these text links. They are VERY plain looking. If I could make them actual buttons, or at the very least, if I could change the font and maybe make them bold, it would look SO much better. If anyone has any idea which file I need to modify in order to change the appearance of these subcategory links, please let me know. When I use my firebug inspect on these items, it shows me that it is using the small text setting:

 

td.smallText, span.smallText, p.smallText {stylesheet.css (line 205)

font-family:Verdana,Arial,sans-serif;

font-size:10px;

}

 

and that it is inheriting from my main class:

 

Inherited fromtd.main

td.main, p.main {stylesheet.css (line 197)

font-family:Verdana,Arial,sans-serif;

font-size:11px;

line-height:1.5;

text-align:left;

}

 

So I assume that if I can find which file has the code for this, I can make a new class, and change it's class from main to whatever I name the new class, and presto, a new look for those plain subcategory text links. Any advice on this would be GREATLY appreciated.

 

Thank you,

David Henderson

[Guest]

I can't believe I am the only person who has ever tried to do this. Hasn't anyone else out there ever tried to change the way the categories look on their site? The default looks horrible. It is in small text and if the menu item is two words, it messes the entire layout up.

 

Please, someone give me a hint to get me in the direction needed, possible a filename of where I need to go to make the changes to the menu:)

 

Thank you,

David Henderson

No, you're not the only one. It's just that answering your question requires some coding knowledge and changes that are relatively difficult to describe. I'll have a look later tonight and PM you. In the meantime you can have a look at a thread that may explain why you can't get an answer here

http://www.oscommerce.com/forums/index.php?sho...0025&st=220

[jhande]

Yes the text links under the category images are called from your stylesheet.css as you noted below, but it is utilizing just the td.smallText.

 

td.smallText, span.smallText, p.smallText {

font-family:Verdana,Arial,sans-serif;

font-size:10px;

}

So if you wanted to change the font style or size, you could seperate that code and set it's attributes as you wish. But there might be other places on the site that call for that code also so proceed with caution.

 

So you would end up with something like this -

 

span.smallText, p.smallText {

font-family:Verdana,Arial,sans-serif;

font-size:10px;

}

td.smallText {

font-family:Verdana,Arial,sans-serif;

font-size:14px;

font-weight:bold;

}

"and that it is inheriting from my main class:"

 

You TD.main class isn't having an effect on it. What will effect it is your link classes, such as -

 

A {

color: #009900;

text-decoration: none;

}

 

A:hover {

color: #FFFFCC;

text-decoration: none;

}

[Guest]

Hi, David! I have now PM'd you like I promissed.

..... But there might be other places on the site that call for that code also so proceed with caution.

Exactly that is the biggest problem with osC and that is why you need to use your own classes and modify categories.php. Everything is somehow related to something else including tables, which makes customisability a painful job. If you get it wrong, you may even end up with your IE7 crashing and IE6 freezing. With the DIV based osC 3 nowhere near completion, this will be a problem you'll have to learn to live with. There are only two other options. Use STS or use a different cart.

B)