Jump to content

<SOLVED>How to change the size of "Features" for products


jmase

Recommended Posts

Hello, I am having some problems changing the size of my features:

As you can see here:

http://glhf.co.uk/store2/category.php?id_category=5

I have each PC and then a "feature" set below each PC, showing the specification of it...

However, I need this (the features) to me much smaller, as it is taking up too much vertical space when it really doesnt need to... So basically I want the font to be smaller so the features for each PC are much smaller in height.

Any idea where I edit this in dreamweaver, because I cant find it myself :(

Kind regards!

Link to comment
Share on other sites

/themes/theme001/css/style.css

ul#product_list li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#F0F0F0 none repeat scroll 0 0;
border:medium none;
height:auto;
margin-bottom:10px;
overflow:hidden;
padding:8px;
}

for instance add there:
font-size:8px;

It will reduce the font of the column. If you want more precise control add class name to the desired html elements in tpl file and use another css selectors

Link to comment
Share on other sites

thanks for the reply otzy.

I put font-size 9 in and whilst it did make the font smaller it didnt really solve my problem. I need the spaces inbetween each section to be smaller so each section is closer together. I would also like to change the font colour but I cant find where to do this :( Same for the colour of the "View and Buy" button.

Here is what i have in my product_li section:

"/* product-list.tpl */
ul#product_list { margin-top: 2px; list-style-type: none }
ul#product_list li {
background: #f0f0f0;
border: none;
padding: 8px;
height:auto;
overflow:hidden;
margin-bottom:2px;
font-size:9px;
}
ul#product_list li .new {
background:#313131;
border: none;
color: white;
font-size: 11px;
font-weight: bold;
margin: 0 1em 0 0;
padding: 0 0.4em;
text-transform: lowercase;
vertical-align: 0
}
ul#product_list li div.right_block {
float: right;
width: 90px;
text-align: left;
margin-left: 0;
margin-top: 0
}
a.view_button {
background:url(../img/view_button.jpg) no-repeat 0 0;
width:75px;
color:#000 !important;
}
a.ajax_add_to_cart_button {
background:url(../img/add_to_cart_button.jpg) no-repeat 0 0;
width:75px;
color:#fff !important;
}
ul#product_list li span.availability {
float: right;
line-height:18px;
margin-top:4px;
color: #979696;
background:#fff;
padding:0 6px;
font-size: 11px
}
ul#product_list li div.center_block {
float: left;
width: 80%
}
ul#product_list li a {
color:#7d7d7d
}
ul#product_list li p.product_desc {
font-size:12px;
line-height:18px;
color:#7d7d7d
}
ul#product_list a.product_img_link {
margin-right:13px;
border:none;
}

form.std fieldset {
border:none;
background: none;
margin-bottom: 0;
padding-bottom: 0;"

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...