Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / side box heading font size

side box heading font size

Locked

Views: 5,164

Results 1 to 12 of 12
This thread is locked. New replies are disabled.
5 Dec 2007, 6:03 AM
#1
sperdie avatar

sperdie

Zen Follower

Join Date:
Feb 2005
Location:
Jim Thorpe Pennsylvania
Posts:
131
Plugin Contributions:
0

side box heading font size

When I have something in the shopping cart- the shopping cart appears as expected in a box on the right side but the font is much larger than the rest of the boxes. The search heading appears to be a little larger as well. I have played around with the css by changing sidebox font sizes but the shopping cart title and the Search title are proportionately larger. I know that it is in this css somewhere but after searching the forums and changing everything that looks like a font size I am still at a loss. My Categories, Information and More Information are at the correct size. Any suggestions?

5 Dec 2007, 9:43 AM
#2
gjh42 avatar

gjh42

Black Belt

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

Re: side box heading font size

I believe these titles are a "label" type element, so can be affected by different declarations than the rest of the sidebox titles.

You might try adding
, .leftBoxHeading label, .rightBoxHeading label
to the

.leftBoxHeading, .rightBoxHeading {}

declaration and see if that brings the display into line.

6 Dec 2007, 3:53 AM
#3
sperdie avatar

sperdie

Zen Follower

Join Date:
Feb 2005
Location:
Jim Thorpe Pennsylvania
Posts:
131
Plugin Contributions:
0

Re: side box heading font size

I tried to add that statement after .rightBoxHeading but it did not seem to do anything except mess up the side box heading graphic a little. I don't understand why just the Shopping cart heading font has a different size. There must be some statement somewhere that effects just the font for the shopping cart heading.

6 Dec 2007, 5:07 PM
#4
gjh42 avatar

gjh42

Black Belt

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

Re: side box heading font size

No, there is a declaration that affects all labels (including the shopping cart header). Search your stylesheet for "label" and find out exactly what it does. You may need to make a separate declaration for
.leftBoxHeading label, .rightBoxHeading label {}
which reverses or nullifies the generic label declaration.

11 Dec 2007, 5:47 AM
#5
sperdie avatar

sperdie

Zen Follower

Join Date:
Feb 2005
Location:
Jim Thorpe Pennsylvania
Posts:
131
Plugin Contributions:
0

Re: side box heading font size

I added:

.rightboxHeading label, .leftBoxHeading label {
font-size: 1.2em;
color: #000000
font-weight: bold;
}
With this I can only effect the heading in the Search Box.

I am able to control The heading for the Information box, the More Information box and the categories box by adjusting the statements in:
h3.leftBoxHeading, h3.leftBoxHeading a,
h3.rightBoxHeading, h3.rightBoxHeading a {
font-size: 2.0em;
color: #000000;
}
I have to make the font 2.O to equal the size of the heading in the Search Box.
However- what ever size I make the Font for these boxes, the heading for the Shopping cart box is proportionately larger. (almost but not quite double)
How can I control the Heading on the Shopping cart by itself. Where in this code does it tell the Shopping cart label to be 1.7 times (or however larger it is) larger than the type in the other boxes.
This is really complicated and arcane. I can't seem to grasp what the H3.leftboxHeading statement means in all this.
It shouldn't be that hard to control the size of the fonts to be the same on all the boxes. (maybee it isn't but that's why I'm here)
Thanks for your help.

11 Dec 2007, 7:18 AM
#6
gjh42 avatar

gjh42

Black Belt

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

Re: side box heading font size

The shopping cart sidebox heading is actually a link, not a label (some others are labels).

h3#shoppingcartHeading a {font-size: .8em;}

will control this. Adjust to taste. Repeat for other box headings; if they take the same size adjustment, you can combine the selectors (comma-separated) into one declaration.

11 Dec 2007, 10:28 AM
#7
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: side box heading font size

A solution for those which seem a little larger e.g. search, language, currency is to remove the "LABEL," from this line of the standard stylesheet.> h4, h5, h6, LABEL, h4.optionName, LEGEND, ADDRESS, .sideBoxContent, .larger{

font-size: 1.1em;
}

12 Dec 2007, 6:37 AM
#8
sperdie avatar

sperdie

Zen Follower

Join Date:
Feb 2005
Location:
Jim Thorpe Pennsylvania
Posts:
131
Plugin Contributions:
0

Re: side box heading font size

Thanks- that did it - I am now able to control the size of this "link"
The question that I have is- what made the link x% larger than the rest of the type to begin with? I don't see the statement "h3#shoppingcartHeading" anywhere on the css. (before I added it) In fact, I don't see h3# anywhere in css. What determined the size of the font of this link before I added the statement?

12 Dec 2007, 7:42 AM
#9
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Location:
Alberta, Canada
Posts:
4,572
Plugin Contributions:
0

Re: side box heading font size

Is this discussion for 1.3.8?

That's that version I'm currently working with and all Sidebox Headings/Links use: H3 class= & id=. No LABELS used.

Not sure you want to be messing with changing the LABEL Selector as that is used in many places; all Login and all Checkout pages for example. You might want to check what changes were made to those pages.

I recently started a post about Legacy CSS code (CSS used within coding for pages but not listed in the CSS file) but wasn't much feedback about it. Can make it very confusing for those just learning about customizing CSS.

12 Dec 2007, 8:00 AM
#10
gjh42 avatar

gjh42

Black Belt

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

Re: side box heading font size

That is actually not legacy CSS, but handles provided for those who may want to style something separately from the standard elements. There are now relatively few elements that cannot be addressed individually in the stylesheet (sometimes with advanced CSS techniques), and I understand that this will continue to be improved.

12 Dec 2007, 8:11 AM
#11
website_rob avatar

website_rob

Inactive

Join Date:
Oct 2006
Location:
Alberta, Canada
Posts:
4,572
Plugin Contributions:
0

Re: side box heading font size

After rereading this thread I noticed it was mentioned to apply LABEL Selectors for the Sidebox. Sorry for my confusion.

Not sure though, why the suggestion to create "h3#shoppingcartHeading" wouldn't work. Perhaps try just "#shoppingcartHeading" and see what happens.

12 Dec 2007, 8:14 AM
#12
gjh42 avatar

gjh42

Black Belt

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

Re: side box heading font size

h3#shoppingcartHeading does work - I tested it. I think there was some cross-posting that confused the conversation.