Forums / Templates, Stylesheets, Page Layout / Should know this but cant locate in css

Should know this but cant locate in css

Locked

Started by greatbaits1 on 17 Jul 2006, 10:54 PM · Views: 1,310

Results 1 to 5 of 5
This thread is locked. New replies are disabled.
17 Jul 2006, 10:54 PM
#1
greatbaits1 avatar

greatbaits1

New Zenner

Join Date:
May 2006
Posts:
90
Plugin Contributions:
0

Should know this but cant locate in css

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.php?main_page=index&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&products_id=45&zenid=edee66067322bee0f915899b3d46392b">... 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

17 Jul 2006, 11:14 PM
#2
kuroi avatar

kuroi

Totally Zenned

Join Date:
Apr 2006
Location:
London, UK
Posts:
10,475
Plugin Contributions:
11

Re: Should know this but cant locate in css

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!

Kuroi Web Design and Development | Twitter

(Questions answered in the forum only - so that any forum member can benefit - not by personal message)

18 Jul 2006, 9:21 AM
#3
greatbaits1 avatar

greatbaits1

New Zenner

Join Date:
May 2006
Posts:
90
Plugin Contributions:
0

Re: Should know this but cant locate in css

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&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?

18 Jul 2006, 3:51 PM
#4
IDEASLady avatar

IDEASLady

Totally Zenned

Join Date:
Aug 2005
Location:
Trujillo Alto, Puerto Rico
Posts:
1,454
Plugin Contributions:
4

Re: Should know this but cant locate in css

  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*/
  1. Links to pages 1,2 ,3 and NEXT> - bigger
    Add the following to your stylesheet:
.navSplitPagesLinks {
        font-size: 14px;
        }

/*substitute 14px for desired size*/

IDEASLady
IDEAS Creative Studio

Your image... our business!

18 Jul 2006, 7:46 PM
#5
greatbaits1 avatar

greatbaits1

New Zenner

Join Date:
May 2006
Posts:
90
Plugin Contributions:
0

Re: Should know this but cant locate in css

Thanks very much for your help:thumbsup: