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