Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Product listing styling and footer display

Product listing styling and footer display

Locked

Views: 1,084

Results 1 to 1 of 1
This thread is locked. New replies are disabled.
7 Dec 2007, 4:16 PM
#1
jacka avatar

jacka

Zen Follower

Join Date:
Nov 2007
Location:
Dallas, Texas USA
Posts:
180
Plugin Contributions:
0

Product listing styling and footer display

I've applied declarations from posts I've read and none work for me.

URL: http://www.artbeautiful.com/index.php?main_page=index&cPath=142_143_682

Objectives:

1-add vertical and horizontal space between rows and elements, such as image/description/price
2-change link colors
3-edit "larger image" text on individual product pages
4-resize prices in various places
5-Display custom pages and delete things like DVDs in the footer of all pages.

Examples of scripts I have tried unsuccessfully in the main stylesheet.css:

.productListing-heading, a.productListing-heading {
font-size:12px;
color: #666;
padding:10px 0px 0px 10px; }

.productListing-rowheading {
padding:15px 0px 0px 11px;
font-size:12px;
font-weight:bold;
font-family: Georgia, "Times New Roman", Times, serif; color:#666;
} /font color for Product listing "Product Image"/

.productListing-data {
font-size: 1em;
color: #666666;
border-top: 1px dotted #AFAFAF;
margin: 1em 1em 1em 1em;
text-align: left;
}

h3.itemTitle {
font-size:12px; color: #888;
}

I do use Firebug, but haven't been able to affect the settings.

The productdescription text is hard coded in the html and I don't know how to change it so I can control it with the styles.

Jack