Hi,
can anyone please tell me how to reduce the space between the text on product details page
i tried to change it in the style.css but i cant figure it out.
please help.
How to reduce space on products detail page??
-
- Posts: 744
- Joined: Thu Jun 18, 2009 8:59 am
Re: How to reduce space on products detail page??
Open up your stles.css, look for:
.ProductDetailsGrid dd {
margin-bottom:6px;
margin-left:140px;
}
and
.ProductDetailsGrid dt {
float:left;
font-weight:bold;
margin-bottom:6px;
width:140px;
}
You want to play with the margin-left in the top one, and width in the bottom. Set them both to 100px and you should be about right.
You'll probably need to alter
.ProductAddToCart dt {
float:left;
font-weight:bold;
margin-bottom:4px;
width:140px;
}
as well to move the add to cart bit.
.ProductDetailsGrid dd {
margin-bottom:6px;
margin-left:140px;
}
and
.ProductDetailsGrid dt {
float:left;
font-weight:bold;
margin-bottom:6px;
width:140px;
}
You want to play with the margin-left in the top one, and width in the bottom. Set them both to 100px and you should be about right.
You'll probably need to alter
.ProductAddToCart dt {
float:left;
font-weight:bold;
margin-bottom:4px;
width:140px;
}
as well to move the add to cart bit.