Should know this but cant locate in css

[greatbaits1]

Hi

I would like to make elements of a page bigger and feel that the code should be changed somewhere within the css, but cant work out where

http://www.greatbaits.co.uk/index.ph...dex&cPath=1_10

I would like to make the following changes:

1) Price - bigger
2) ....more info - bigger
3) Links to pages 1,2 ,3 and NEXT> - bigger

I searched for this text in the source code and found the following:

<div class="listingDescription"></div></td>
<td class="productListing-data" right>£1.20<br /><br /><a href="http://www.greatbaits.co.uk/index.php?main_page=product_info&amp;products_id=45&amp;zenid=edee66067322bee0f9 15899b3d46392b">... more info</a><br /><br /></td>

I cant seem to match this with a reference in css?

A gentle kick in the right direction would be appreciated


Thanks

[kuroi]

The gentle prod is ... don't assume that everything you need has already been done. If the CSS hook you need isn't in your stylesheet - put it there yourself!

[greatbaits1]

Thanks for the input kuroi, so (correct me if I am wrong)

<td class="productListing-data" right>£1.20<br /><br /><a href="http://www.greatbaits.co.uk/index.php?main_page=product_info&amp;products_id=45">... more info</a><br /><br /></td>

By searching the source code, I found the statement above. I can see what I would like to make bigger (... more info) but wouldnt know what to enter into my css to make this happen. I am looking for a 'divclass' statement but cant find one

I have searched and read about 'css hooks' but still a little unsure about exacxtly what to do

div class="listingDescription" - this is contained on the line of code immediately above, is this what I am looking for?

[ideasgirl]

1) Price - bigger
2) ....more info - bigger

Around line 525 of stylesheet you will find:

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .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;
        } 

Take out the .productListing-data from that line, and create 2 new as follows:

.productListing-data {
        text-align: center;
        font-size: 14px;
        }

.itemTitle {
        text-align: center;
        font-size: 14px;
        }

/*substitute 14px for desired size*/ 

3) Links to pages 1,2 ,3 and NEXT> - bigger

Add the following to your stylesheet:

.navSplitPagesLinks {
        font-size: 14px;
        }

/*substitute 14px for desired size*/ 

[greatbaits1]

Thanks very much for your help