Zen Cart Logo
Forums / General Questions / Increase font size of subcategories

Increase font size of subcategories

Views: 4,300

Results 1 to 19 of 19
12 Jan 2008, 11:56 AM
#1
kitty avatar

kitty

New Zenner

Join Date:
Oct 2006
Posts:
63
Plugin Contributions:
0

Increase font size of subcategories

Hi, How do I increase the size of the font in subcategories?
ie. when you click on one of your categories on your webpage it goes to a page where there are your subcategory images and under the images is its description.
how do i increase the font size of this description?

i dont want to increase "font size" under body as this increases all the font in the webpage.
**body **{
font-family: verdana, arial, helvetica, sans-serif;
font-size: 71%;
color: #000000;
background-color: #404040;

is there another way?
(just the font under the image.)

thanks!

12 Jan 2008, 1:19 PM
#2
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Increase font size of subcategories

Add to your stylesheet:

.listingDescription {font-size: 1.2em;}

Adjust to taste.

12 Jan 2008, 2:16 PM
#3
kitty avatar

kitty

New Zenner

Join Date:
Oct 2006
Posts:
63
Plugin Contributions:
0

Re: Increase font size of subcategories

Thanks!! where abouts in the stylesheet do i paste that?
i tried putting it right at the end and then up the top.. nothing happened...

12 Jan 2008, 6:38 PM
#4
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Increase font size of subcategories

Try exaggerating the number, in case you are getting pixel rounding and not seeing the increase.

The location shouldn't matter, but I'd put it nearer the end to be sure. In my test site (fresh 1.3.7), it works right at the beginning.

You mention "under the image" which means you are using column grid, or otherwise not the standard product listing. Can you post a link to your site?

13 Jan 2008, 8:21 AM
#5
kitty avatar

kitty

New Zenner

Join Date:
Oct 2006
Posts:
63
Plugin Contributions:
0

Re: Increase font size of subcategories

QUOTE:
That is because the text you want to change is not the listing description. Try this:

.categoryListBoxContents {font-size: 1.2em;}

Thanks Glenn!!! Grid table labels enlarged. Just what i wanted!!! :D

22 Dec 2010, 11:18 AM
#6
icklebits avatar

icklebits

Zen Follower

Join Date:
Nov 2006
Posts:
206
Plugin Contributions:
0

Re: Increase font size of subcategories

I've tried this but once a subcategory has been clicked on then the font returns to its previous small size.

22 Dec 2010, 11:24 AM
#7
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Increase font size of subcategories

Let's see your site so we can give the right advice the first time.

29 Dec 2010, 2:58 PM
#8
icklebits avatar

icklebits

Zen Follower

Join Date:
Nov 2006
Posts:
206
Plugin Contributions:
0

Re: Increase font size of subcategories

It's not live yet so can't turn it on because its a shop and it would cause chaos if someone found it and ordered something. :mellow:

Would a screenshot help? If so, please let me know and I'll do one.

It's the WP black purple template if that helps.

2 Jan 2011, 4:46 PM
#9
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Increase font size of subcategories

No, a screenshot probably wouldn't be much use. You say "once a subcategory has been clicked on"... does that mean a different page type or another category/subcategory page?

5 Jan 2011, 9:21 AM
#10
icklebits avatar

icklebits

Zen Follower

Join Date:
Nov 2006
Posts:
206
Plugin Contributions:
0

Re: Increase font size of subcategories

I'm sorry that I'm not making sense. I just don't know how to explain it. :(

I also know that you said a screenshot wouldn't help but here is one anyway. The bit circled in red is the bit I want to make bigger...or bolder...or even a darker colour.

5 Jan 2011, 2:33 PM
#11
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Increase font size of subcategories

From the look of it, .categoryListBoxContents should be the right class to style. Just to make sure there isn't another rule overriding this one, add !important to it:

.categoryListBoxContents {font-size: 1.2em !important;}

6 Jan 2011, 7:30 AM
#12
icklebits avatar

icklebits

Zen Follower

Join Date:
Nov 2006
Posts:
206
Plugin Contributions:
0

Re: Increase font size of subcategories

I've gont to includes > templates > wp purple and black > css and opened stylesheet.css

I can find four instances of .categoryListBoxContents but I don't know which it is I alter the font size and add the line you mentioned. Have attached the css file if that's ok?.

Sorry to be so hopeless at this. :(

6 Jan 2011, 7:35 AM
#13
icklebits avatar

icklebits

Zen Follower

Join Date:
Nov 2006
Posts:
206
Plugin Contributions:
0

Re: Increase font size of subcategories

I got it! Just occurred to me to add that line that you put at the end of the file and it now works! THANK YOU!

Thank you also for teaching me something new. :smile:

6 Jan 2011, 7:39 AM
#14
icklebits avatar

icklebits

Zen Follower

Join Date:
Nov 2006
Posts:
206
Plugin Contributions:
0

Re: Increase font size of subcategories

Could I be a pain now and please ask how do I change the colour of that same area?

I had a fiddle but it didn't work. I'm still learning remember! :laugh:

Such a helpful forum! One that doesn't say to me "if you want more help than that then I will have to charge you". Well I'm hoping you won't say that! :laugh:

6 Jan 2011, 2:36 PM
#15
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Increase font size of subcategories

Add to that same rule.

.categoryListBoxContents {font-size: 1.2em; color: #112233; background-color: #aabbcc;}

Use color: if you want to change text color, background-color: if you want to change the area bg.

9 Jan 2011, 11:10 AM
#16
icklebits avatar

icklebits

Zen Follower

Join Date:
Nov 2006
Posts:
206
Plugin Contributions:
0

Re: Increase font size of subcategories

Thanks for getting back to me again. I tried that but it didn't work. I tried different colour codes and I even played around with adding that "important" bit that you said to add last time. Nothing changed. :huh:

I added it to the templates stylsheet.css file at the end.

What did I do wrong? :dontgetit

9 Jan 2011, 7:06 PM
#17
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Increase font size of subcategories

If it is the text color you want to change, most if not all of the text there is in a link, so you need to add a new rule

.categoryListBoxContents a {color: #112233;}

12 Jan 2011, 1:17 PM
#18
icklebits avatar

icklebits

Zen Follower

Join Date:
Nov 2006
Posts:
206
Plugin Contributions:
0

Re: Increase font size of subcategories

You are fantastic! It works! THANK you!

So now I'm getting the hang of this....so to change the links for the categories that are all along the top of the screen and Category titles and the ezmenu at the top of the page, do I just create a new rule for those too?

Sorry to be a pain but you are so helpful. (smiling sweetly if that helps!) :smile:

Thanks in advance

Donna

12 Jan 2011, 6:17 PM
#19
gjh42 avatar

gjh42

Black Belt

Join Date:
Jul 2005
Location:
Upstate NY
Posts:
21,876
Plugin Contributions:
8

Re: Increase font size of subcategories

If there is already a rule specific to the element you want to style, you can add properties to that rule. If not, you can add a new rule.