Forums / Templates, Stylesheets, Page Layout / Larger text for categories

Larger text for categories

Locked

Views: 1,990

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
1 Sep 2006, 12:35 AM
#1
elfboy avatar

elfboy

New Zenner

Join Date:
Sep 2005
Posts:
79
Plugin Contributions:
0

Larger text for categories

How would I go about making the sidebox category text larger.

I see CSS for .sideBoxContent but I gather that would change the size of ALL sideboxes. I just want the categories bigger.

**
Got Rocks? Natural History Online**

1 Sep 2006, 1:37 AM
#2
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Larger text for categories

Edit: I misread.

1 Sep 2006, 1:48 AM
#3
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Larger text for categories

Try this;

#categories-content {
font-size: 12px }

Make a backup and insert that selector into your CSS. :smile:

1 Sep 2006, 2:08 AM
#4
elfboy avatar

elfboy

New Zenner

Join Date:
Sep 2005
Posts:
79
Plugin Contributions:
0

Re: Larger text for categories

THANKS, Sketchy

It's actually #categoriesContent but you pointed me in the right direction! (didn't see that before)

**
Got Rocks? Natural History Online**

1 Sep 2006, 2:23 AM
#5
sketchy avatar

sketchy

Totally Zenned

Join Date:
Aug 2006
Location:
Canada
Posts:
940
Plugin Contributions:
2

Re: Larger text for categories

You're welcome. Good job!

I missed that original selector(#categoriesContent) too. I guess I should have searched your CSS first. I was wondering why the original wasn't working when I first tried it virtually.. because there was one in place already. :laugh:

1 Sep 2006, 5:09 AM
#6
milkyway avatar

milkyway

Inactive

Join Date:
Aug 2006
Location:
Singapore
Posts:
167
Plugin Contributions:
1

Re: Larger text for categories

Just an addition, iIf you want the size to be relative you can also put font size as 'em' instead of 'px' or pixel.

eg. 1em

This is useful in case the visitor zoom their browser... just my 2cents

Responsive ZenCart Templates that automatically adapt itself with iPad, iPhone, BlackBerry, Androids and any monitor screen size
Buy a coffee for Zen-Cart devs. http://www.zen-cart.com/donate

1 Sep 2006, 1:21 PM
#7
elfboy avatar

elfboy

New Zenner

Join Date:
Sep 2005
Posts:
79
Plugin Contributions:
0

Re: Larger text for categories

Sketchy, yeah I thought I searched for "categories" but maybe I was in the wrong CSS file :sleepy: . Nice to see they thought of that!

milkyway, I was about to use em but noticed px were used for .sideBoxContent and I thought I should be consistent.

---WAIT, I just checked again and both px AND em are used!

.sideBoxContent {
	background-image:url(../images/box002.gif);
	background-repeat: no-repeat;
	font-size: 11px;
	line-height: 125%;
	background-position:bottom;
	padding-top: 5px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 25px;
	}

and

h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{
	font-size: 1.1em;
	}

hmmm... that should probably be changed.

**
Got Rocks? Natural History Online**

1 Sep 2006, 2:14 PM
#8
elfboy avatar

elfboy

New Zenner

Join Date:
Sep 2005
Posts:
79
Plugin Contributions:
0

Re: Larger text for categories

Dang, I might be going back to pixels....

When I make text larger in a browser most of the templates start falling apart.
examples:
http://www.unbannable.com/zen/index.php?main_page=product_info&cPath=1&products_id=1
http://www.ohku.com/store/
and most of the others

Compared to my 1st Zen store:
http://www.naturalhistoryonline.com/cat/index.php?main_page=index&cPath=3
(which is 1.2.5 and uses px not em)

Any thoughts?

**
Got Rocks? Natural History Online**

1 Sep 2006, 6:26 PM
#9
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,844
Plugin Contributions:
17

Re: Larger text for categories

got some lingering html code in lines 379 to 400 of your source code for demo 1.

Has someone been playing with core files?:lookaroun

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

1 Sep 2006, 6:36 PM
#10
elfboy avatar

elfboy

New Zenner

Join Date:
Sep 2005
Posts:
79
Plugin Contributions:
0

Re: Larger text for categories

I didn't create the 2 demos but I thought they were based on default_template.

Maybe the font-size problem has to do with the conversion from tables to all CSS? :unsure:

**
Got Rocks? Natural History Online**

1 Sep 2006, 6:41 PM
#11
dbltoe avatar

dbltoe

Totally Zenned

Join Date:
Jan 2004
Location:
N of San Antonio TX
Posts:
9,844
Plugin Contributions:
17

Re: Larger text for categories

Did you add cross-sell to that demo? Appears to be left over from that.

Need a hand with Zen Cart? Hire the team at myZenCartZone.com for upgrades, repairs, and custom plugins.
Zen Cart Certified hosting at myZenCartHost.com

1 Sep 2006, 7:26 PM
#12
elfboy avatar

elfboy

New Zenner

Join Date:
Sep 2005
Posts:
79
Plugin Contributions:
0

Re: Larger text for categories

The first 2 links are not my sites. Haven't added cross-sell to mine...yet.

**
Got Rocks? Natural History Online**