Sidebox text is different sizes

[moonstars]

My search, new products and shopping cart text in the headers of the sideboxes are larger than all the others I have looked thru here and tried everything I can but they wont change! Any help appreciated

http://www.moonandstarsgraphics.com/cart

[rainthebat]

I've run into this problem to (among many others with the side box headers!)

This could be a few different things... Firstly is could be the h3.rightBoxHeading{} is a different font-size then the h3.leftBoxHeading{}

Secondly it might be:

Those bigger text headers are appearing larger because they are enclosed in a <label></label> tag for example: <label>Search</label>

The style sheet finds .LABEL at the top of the style sheet amongst these

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

and applies this font size, then further down reapplies this to the left and right (just right shown though):

h3.rightBoxHeading, h3.rightBoxHeading a {
    font-size: 1.1em;
    color: #FFFF00;
    }

So you might need to add something like:

h3.rightBoxHeading label{
    font-size:YOUR CORRECTLY ADJUSTED FONT-SIZE: em;
    }

I'm not sure what the font-size will need to be, so you'll need to experiment.

Now in the case of the new products, that one is a little different. That one needs to be changed under the id #whatsnewHeading h3{}. If it doesn't exist in the stylesheet, you could create it, then apply the appropriate font size inside the brackets. Again, you will have to experiment to find the right size. It will be good to stick to em's as in {1.1em or .8em or whatever} because that is what is used most often in the style sheet.

[moonstars]

Hi I took out LABEL and made the code under it a smaller size text


.biggerText {
font-size: 1.0em;
}


that made search smaller

now trying the others

[moonstars]

can you tell me the code for the whatsnew etc...


#whatsnewHeading h3{}

[rainthebat]

The only thing about taking out the LABEL is it may affect some other text in your store, you may want to browse around and make sure it didn't impact anything negatively, or just keep in mind that you took it out so that if something is displaying incorrectly in the future because LABEL is missing, you know what did it. Then again, it may be perfectly fine for you to have LABEL gone.

[moonstars]

ok I will make a note I put this in and no change on the other 2
what new and shopping cart

#whatsnewHeading h3{
font-size: 1.1em
}

[rainthebat]

for the new products, either find in the style sheet, or create an id that looks like this #whatsnewHeading{}

next give it a smaller font size such as #whatsnewHeading{font-size:1em}

You may need to experiment a little to get just right.

[rainthebat]

shopping cart is: #shoppingcartHeading
and the other is: #bannerbox2Heading

All of this may be adding extra code, but changing the font size of #h3.rightBoxHeading at this point will start throwing your other changes out.

[moonstars]

shopping cart worked New Products no

[moonstars]

One more thing if you could do you know how to get rid of the spacve under myheader it is pink right under the aqua part of the header and above the brown nav bar