Change font size site wide in abbington_mega template

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/index.php?main_page=index&cPath=207

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

Thanks in advance, Claire

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/index.php?main_page=index&cPath=207

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

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.

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

centerBoxContentsProducts a {
         font-size: 20px 
        }

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. :)

kobra:

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,

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.```html
<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.```html <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.

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!

Thanks for that, will do.

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.```html
<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.```html <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.

clriding:

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.php?195520-Abbington-Mega-Template-Support-Thread

Thanks,

Anne

picaflor-azul:

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.php?195520-Abbington-Mega-Template-Support-Thread

Thanks,

Anne

Hi Anne

Yes I wasn't too sure actually so opted for new thread. I will post in the right place if need to again. The templates are great btw so thank you! :)