Sidebox Heading Height

Hi I'm having problems with this also. I have changed so many headings and label font size but still the heading height is different in some sideboxes than others. "Brands" text "special text"heading are much bigger than for example the "secure payment" heading. I'm all out of ideas this should be simple. BTW still cannot get color of Brands (manufacturers) heading to change . Please help :dontgetit

jagall:

Hi I'm having problems with this also. I have changed so many headings and label font size but still the heading height is different in some sideboxes than others. "Brands" text "special text"heading are much bigger than for example the "secure payment" heading. I'm all out of ideas this should be simple. BTW still cannot get color of Brands (manufacturers) heading to change . Please help :dontgetit

Just an update got the manufacturer colour to change using the leftBoxHeading label but still stuck on font size.

Complicated styling like this requires seeing your site live to give correct advice.

gjh42:

Complicated styling like this requires seeing your site live to give correct advice.

site is live i know criss crossing on threads here . . . sorry

You have headings sized at 1.1em, but the same rule also sizes heading links at 1.1em which is cumulative. You need to separate these into two rules so that the font size can be applied only once. This may also be relevant to heading labels.

thanks for that but still not sure how to do this: hrer is my css:

/sideboxes/
.columnLeft {
vertical-align:top;
}

.leftBoxHeading, .leftBoxHeading a, .leftBoxHeading label, .rightBoxHeading label,
.rightBoxHeading, .rightBoxHeading a {
font-size: 1.7em;
font-family: HaloHandletter;
color: #fbe9bb;
background-color: transparent;
text-align: center;
margin: 0em;
border-bottom: 0px solid #888;
padding: 0.2em 0.2em;
background-color: transparent;
/background-image: url(../images/tile_back.gif);/
}

#manufacturersContent, manufacturersHeading {
font-size: 1.7em;
color: #fbe9bb;
background-color: #2c130f;
vertical-align: top;
}

#currenciesHeading, #musicgenresHeading, #recordcompaniesHeading {
font-size: 1.7em;
color: #d7d5c8;
background-color: transparent;
}

#searchHeading, #search-headerHeading, .search-header input {

font-size: 1.1em;
color: #d7d5c8;
background-color: transparent;
width: 240px;
}

.centerBoxHeading {

margin: 0em;
border-bottom: 0px solid #888;
/*background-image: url(../images/tile_back.gif);*/
padding: 0.2em 0.2em;
background-color: transparent;
}

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
border: 2px solid #2c130f;
margin-top: 1.5em;
font-size: 0.9em;
color: #fbe9bb;
padding-left: 0em;
padding-right: 0em;
vertical-align: top;
background-color: #2c130f;
}

.sideBoxContent {
padding: 0.2em;
color: #fbe9bb;
font-size: 0.9em;
vertical-align: top;
background-color: #2c130f;

}

.leftBoxHeading a:hover, .rightBoxHeading a:hover {
color: #FF9400;
text-decoration: none;
font-size: 1.7em;
}

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
color: #fbe9bb;
font-size: 1.7em;
}

#navCatTabsWrapper, #bannerOne, #bannerFive, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center{
text-align: center;
background-color: transparent;
font-size: 1.0em;

}

.centeredContent, TH, #navEZPageNextPrev, #bannerTwo, #bannerFour, #bannerSix, #bannerThree, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #cartBoxGVBalance, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, .centerBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg{
text-align: center;
background-color: #ffffff;

:frusty::frusty:

.leftBoxHeading, .leftBoxHeading a, .leftBoxHeading label, .rightBoxHeading label,
.rightBoxHeading, .rightBoxHeading a {
font-size: 1.7em;
font-family: HaloHandletter;
color: #fbe9bb;
background-color: transparent;
text-align: center;
margin: 0em;
border-bottom: 0px solid #888;
padding: 0.2em 0.2em;
background-color: transparent;
/*background-image: url(../images/tile_back.gif);*/
}

Separate into:

.leftBoxHeading, .rightBoxHeading {
font-size: 1.7em;
font-family: HaloHandletter;
color: #fbe9bb;
background-color: transparent;
text-align: center;
margin: 0em;
border-bottom: 0px solid #888;
padding: 0.2em 0.2em;
background-color: transparent;
/*background-image: url(../images/tile_back.gif);*/
}

.leftBoxHeading a, .leftBoxHeading label, .rightBoxHeading label, .rightBoxHeading a {
font-size: 1em;
color: #fbe9bb;
margin: 0;
padding: 0;
}

Also, remove the font-size from these rules:```
.leftBoxHeading a:hover, .rightBoxHeading a:hover {
color: #FF9400;
text-decoration: none;
font-size: 1.7em;
}

.rightBoxHeading a:visited, .leftBoxHeading a:visited, .centerBoxHeading a:visited {
color: #fbe9bb;
font-size: 1.7em;
}

thank you, thank you, thank you.

All same size now, had to insert the font family again into hover div as some of the headings were reverting to standard but that works great now with new font. :clap::clap::clap: