Joomla Templates Club 406,261 posts

[nefar Friend nefarJoin date: December 2007Posts: 434Downloads:0Uploads:2 Thanks: 78 Thanked: 42 times in 1 posts]

#144929

I decided to do a few tweaks to my treespun site regarding the price layout. I noticed after putting a few products on “special” the price box has a large amount of blank space that just does not look right.

Example: http://www.treespun.com/Acrylic-Bottle-Stoppers.html

I found the css entry for the box it’s


.browsePriceContainer {
color: #B01C1C
font-size: 125%;
float: right;
line-height: 40px;
padding: 0 10px;
background: #E6E6E6;
border: 5px solid #ffffff;
}


I tried changing the line-height which will get rid some of that spacing. However, if I do this it will then shorten the box in the other product sections and force the font to become smaller. This makes the other sections look wrong so that method does not work very well. Any css gurus out there know what I need to take care of this issue in a way that will not effect the rest of the product boxes?

[nefar Friend nefarJoin date: December 2007Posts: 434Downloads:0Uploads:2 Thanks: 78 Thanked: 42 times in 1 posts]

#319696

Think I’m going to have to take down lynda.com css course before this drives me up a wall. Sometimes I really miss the old days with some tables lol.

[nefar Friend nefarJoin date: December 2007Posts: 434Downloads:0Uploads:2 Thanks: 78 Thanked: 42 times in 1 posts]

#319917

Well for those that have a similiar issue I “sort of” found an option. I put in a css command for max-height. This will stop it from spreading out the “special” box very large and then you can edit the line height. However, it will shorten the background box on “normal” prices. I think the only way to do this is probably make a new .statement just for using “specials”. This works for a quick tweak though.

.browsePriceContainer {
color: #B01C1C
font-size: 125%;
float: right;
max-height:40px;
line-height: 20px;
padding: 0 10px;
background: #E6E6E6;
border: 5px solid #ffffff;
}

[Author]

Posts