Line spacing and font size issue on product listing page

Does anyone know which CSS block I need to edit in order to reduce the line spacing and control the font size for this area here:

Been trying to reduce the line spacing for some time but just can't find the block of code to modify :frusty:

limelites:

Does anyone know which CSS block I need to edit in order to reduce the line spacing and control the font size for this area here:

Been trying to reduce the line spacing for some time but just can't find the block of code to modify :frusty:

Lime,
Boy the site is coming along the last day... Loooking great

I would download firefox moxilla and use the add ons called firebug and web developer to find these small issues...

your_template/ stylesheet.css

1. h3.itemTitle a:link
2. this is the declaration that will control the font size
3. To reduce the line spacing there is a small detail which is the class called .listingDescription
4. Since you downloaded a mod for the product page, this listing description does not load on the product listing page which give you a blank area here...
5. You could locate the .php file and hard code her out

Hi,

Thanks for the comment on the site, good to hear my hard work's looking good :-)

I did manage to find the code that controls the font size so I've reduced that to 12px and it's looking better.

I just use Firefox>View>PageSource to copy and paste the code into dreamweaver and located the block that way. It is indeed h3.itemTitle a:link. Thank you.

I still have the problem with the line spacing though. Dreamweaver is showing that there's actually a blank table cell separating the PRICE from the TITLE. Here's the html code, perhaps it indicates to you how I might remove that invisible table row?

 <h3 class="itemTitle"><a href="http://www.dystynction.com/index.php?main_page=product_info&cPath=1_4&products_id=182">
Black and White Suede and Leather Moschino Boots</a></h3>
<div class="listingDescription">
 </div>
<br>
<span class="normalprice">£149.99 </span> <span class="productSpecialPrice">£99.99</span><span class="productPriceDiscount"><br>
Save: 33% off</span><br>
<br>

Unfortunately, I wouldn't have a clue how to, "....locate the .php file and hard code her out" :no:

If anyone else is looking for a solution to reduce the spacing between product image, price and more info buttons when using product layout grid, you can try adding this line of code to the foot of your CSS file (usually stylesheet.css):

.centerBoxContentsProducts br {line-height:0px;}

This will set the line breaks (BR tags) to zero height. Hope this helps.

Dan

Hi, will a similar code like this works for removing extra spaces between my banners on the right?

http://lasignorina.com