Change font size site wide in abbington_mega template

[clriding]

Hi Everyone

I managed to do this quite easily in my old template, but I can't seem to fathom how to change it in this one. My font size is too small on the product listing category pages and sub category pages and the code I looked at was in stylesheet.css here:

/*bof product listing*/

.listingDescription {text-align:left;}
.productListing-even {border:1px dashed #ccc;}
.productListing-rowheading {background-image:url(../images/top-menu-bk.jpg);height:30px;color:#fffffd;text-transform:uppercase;}
.productListing-rowheading a{color:#fffffd;}
.productListing-rowheading a:hover{color:#ccc;}
#productsListingTopNumber {margin-top:15px;margin-bottom:15px;}
#productsListingBottomNumber {margin-top:15px;margin-bottom:15px;}
#productListHeading {margin-bottom:15px;}
.tabTable {border-left:1px solid #dfdfe7;border-right:1px solid #dfdfe7;border-top:1px solid #dfdfe7;}
.productListing-data {border-bottom:1px dashed #ccc;}

Now I tried adding to listingDescription {text-align:left; font-size: 14px} but this didn't work.

I know I must be missing something, can someone point me in the right direction please? Here is a page with the font really small: http://gifts-and-collectables.biz/in...ndex&cPath=207

I know I'll kick myself but right now, I'm

Thanks in advance, Claire

[schoolboy]

Hi Everyone

I managed to do this quite easily in my old template, but I can't seem to fathom how to change it in this one. My font size is too small on the product listing category pages and sub category pages and the code I looked at was in stylesheet.css here:

/*bof product listing*/

.listingDescription {text-align:left;}
.productListing-even {border:1px dashed #ccc;}
.productListing-rowheading {background-image:url(../images/top-menu-bk.jpg);height:30px;color:#fffffd;text-transform:uppercase;}
.productListing-rowheading a{color:#fffffd;}
.productListing-rowheading a:hover{color:#ccc;}
#productsListingTopNumber {margin-top:15px;margin-bottom:15px;}
#productsListingBottomNumber {margin-top:15px;margin-bottom:15px;}
#productListHeading {margin-bottom:15px;}
.tabTable {border-left:1px solid #dfdfe7;border-right:1px solid #dfdfe7;border-top:1px solid #dfdfe7;}
.productListing-data {border-bottom:1px dashed #ccc;}

Now I tried adding to listingDescription {text-align:left; font-size: 14px} but this didn't work.

I know I must be missing something, can someone point me in the right direction please? Here is a page with the font really small: http://gifts-and-collectables.biz/in...ndex&cPath=207

I know I'll kick myself but right now, I'm

Thanks in advance, Claire

Do you not use FireBug, or Web Developer by Chris Pederick?

If you did you would find these elements within a few seconds.

Use firefox browser, and get these web tool plugins.

[kobra]

Try adding this to the end of youyr stylesheet and adjust size to suit

centerBoxContentsProducts a {
         font-size: 20px 
        }

[clriding]

Thanks for that. I will head over there now and get them. I didn't realise they could resolve this type of issue as I'm not that up on programming. Regards. :)

[clriding]

Try adding this to the end of youyr stylesheet and adjust size to suit

centerBoxContentsProducts a {
         font-size: 20px 
        }

Hi there, I've just tried that but it doesn't work. Perhaps there is a bug as 'Schoolboy' suggested?? This should be something really simple I know haha,

[dbltoe]

Your category description was probably done with an editor that added font calls to the p tag. This is what we see with a page view of the page source.

<span class="st_facebook_vcount" displaytext="Facebook"></span>
<span class="st_twitter_vcount" displaytext="Tweet"></span>
<span class="st_email_vcount" displaytext="Email"></span>
<p>
   <font face="tahoma, arial, helvetica, sans-serif">
      <br>
   </font>
</p>
<blockquote style="margin: 0px 0px 0px 40px; border: none; padding: 0px;">
    <p>
      <font face="tahoma, arial, helvetica, sans-serif">
         Passion  demands Romantic gestures, never an easy thing to find!  Gifts-and-Collectables.biz have gathered all our recommended Valentine's  gift ideas in one place.
      </font>
    </p>
</blockquote>
<p>
   <font face="tahoma, arial, helvetica, sans-serif">
      <br>
   </font>
</p>

If you changed it to the following, the system stylesheet could automatically set the p tag to match the rest of your site.

<p>
   Passion  demands Romantic gestures, never an easy thing to find!  Gifts-and-Collectables.biz have gathered all our recommended Valentine's  gift ideas in one place.
</p>

Gotta watch what those editors (internal or external) throw in the code.

[clriding]

Talk about not seeing what's right in front of my eyes!!

The code I needed was at the top of the stylesheet so I was looking in the wrong place, for the wrong set of code! In case anyone else has this question, look for : body {margin: 0;font-family: verdana, arial, helvetica, sans-serif;font-size: 12px;color: #444;background: #ebecf0 url(../images/bk.jpg) repeat-x center top;}

I knew it'd be simple really. Firebug for Firefox is brilliant - thanks for that tip Schoolboy!

[clriding]

Thanks for that, will do.

[clriding]

Your category description was probably done with an editor that added font calls to the p tag. This is what we see with a page view of the page source.

<span class="st_facebook_vcount" displaytext="Facebook"></span>
<span class="st_twitter_vcount" displaytext="Tweet"></span>
<span class="st_email_vcount" displaytext="Email"></span>
<p>
   <font face="tahoma, arial, helvetica, sans-serif">
      <br>
   </font>
</p>
<blockquote style="margin: 0px 0px 0px 40px; border: none; padding: 0px;">
    <p>
      <font face="tahoma, arial, helvetica, sans-serif">
         Passion  demands Romantic gestures, never an easy thing to find!  Gifts-and-Collectables.biz have gathered all our recommended Valentine's  gift ideas in one place.
      </font>
    </p>
</blockquote>
<p>
   <font face="tahoma, arial, helvetica, sans-serif">
      <br>
   </font>
</p>

If you changed it to the following, the system stylesheet could automatically set the p tag to match the rest of your site.

<p>
   Passion  demands Romantic gestures, never an easy thing to find!  Gifts-and-Collectables.biz have gathered all our recommended Valentine's  gift ideas in one place.
</p>

Gotta watch what those editors (internal or external) throw in the code.

Yes I am starting to learn that haha, thanks alot.

[picaflor-azul]

Yes I am starting to learn that haha, thanks alot.

I just wanted to say that in the future if you have any questions about the template you should post to the support thread here and not create a separate thread. This way it might be easier for others with the same question to find the answer:

http://www.zen-cart.com/showthread.p...Support-Thread



Thanks,

Anne