Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Adjusting the text under attribute images?

Adjusting the text under attribute images?

Locked

Views: 775

Results 1 to 2 of 2
This thread is locked. New replies are disabled.
21 Mar 2008, 10:22 PM
#1
artsygaldotnet avatar

artsygaldotnet

New Zenner

Join Date:
Apr 2007
Posts:
15
Plugin Contributions:
0

Adjusting the text under attribute images?

http://shop.artsygal.net/index.php?main_page=product_info&cPath=10_20&products_id=90

What I'm trying to do is tweak the appearance of the text under each attribute image. I'd love to be able to right justify the text, and bold it, or possibly change the font... something to make it stand out a little. I've poked around in the stylesheet, and have yet to find anything that has an effect on that little bit of text.

Could someone point me in the right direction?

Of course, any tips on a 'start here dummy' guide to customizing the appearance of the site would also be much appreciated. I'm a bit oldschool when it comes to web design.. the last time I was actively involved in web design was before CSS came into play - and they completly intimidate me. I'm determined to learn enough to get the look I can envision for my site though. I just don't really know where to start!

Thanks!

21 Mar 2008, 11:04 PM
#2
haredo avatar

haredo

Totally Zenned

Join Date:
Apr 2006
Location:
Texas
Posts:
6,182
Plugin Contributions:
0

Re: Adjusting the text under attribute images?

ArtsygalDotNet:

http://shop.artsygal.net/index.php?main_page=product_info&cPath=10_20&products_id=90

What I'm trying to do is tweak the appearance of the text under each attribute image. I'd love to be able to right justify the text, and bold it, or possibly change the font... something to make it stand out a little.Thanks!

Located the override folder stylesheet.css

Find this:

.attribImg {

text-align: center;
margin:0.3em 20px 20px 0em;

}

Replace with this:

.attribImg {
font-family: Arial;
font-weight:bold;
text-align: justify;
margin:0.3em 20px 20px 0em;

}

Play with the bold red to fit your needs.

Right above this .attribImg you have a long string line of declarations.
Delete the .attribImg