New Zenner
- Join Date:
- Mar 2009
- Posts:
- 9
- Plugin Contributions:
- 0
Changing Category font size
Alot of people keep asking this, and alot of people keep giving out complex answers to a simple fix. Overcoding an easy fix just provides more room for problems. Its like my programming teacher used to say Keep it simple. Simplicity is key when making changes to code and writing new code. It Allows the code to run smoothly and execute properly.
If you are looking to change the color of your categories fonts or even the size it is simply fixed through your stylesheet.css
found in:
/includes/templates/your_template/css
Your stylesheet.css is part of the major framework to your site and zencart. If you are looking to make changes on a global change to the site always refer to your stylesheet.css
simply open up the css folder and find your stylesheet.css file and open it up with and editor such as notepad.
scroll down the sheet towards the bottom till you come to this line
/* categories box parent and child categories */
under this you will also see the following code.
<Code ----
A.category-top, A.category-top:visited {
color: #1217FB;
text-decoration: none;
}
A.category-links, A.category-links:visited {
color: #004080;
text-decoration: none;
}
A.category-subs, A.category-products, A.category-subs:visited, A.category-products:visited {
color: #000000;
text-decoration: none;
}
---- Code>
Note: When you look at the code you will see their is no declarations of font size, there for a default font size is chosen.
To fix this issue you need to add this code:
font-size: 1.2em;
adjust the numbers to your liking to fit your template style or look.
Once you have added the statement to the code it should look like this.
A.category-top, A.category-top:visited {
color: #1217FB;
text-decoration: none;
font-size: 1.2em; <--------------------
}
Once done backup the original and put it in a safe place then save the new file with the same name stylesheet.css
then overwrite the old file in the file server.
once completed return to your site and press F5 to refresh the page and to see your changes.
Unlike other peoples approaches to fix this issue this addresses it the way it should and the real right way to address the issue. Note: to everyone editing their zencart and customizing it. Always refer to your stylesheet.css when trying to make a global change to your site. Your stylesheet.css is your framework to the site and therefor will contain code that will effect your site with global changes.
I hope this helps you out.
:clap::clap::clap:
