How to align price and QTY box in product listing??
Hi All,
I've done a small modification to remove the <br> between a product price and the QTY box in the product listing page (subcategory with items) but these price/QTY boxes do not align with the other data in the adjacent columns now. While all other columns seem to be centered vertically the price column is up against the top margin.
Does anyone know if these items have a class or something that can be styled in CSS?
I see that all table data in product listings are productListing-data, but the price column also has align=right. This would lead me to believe that it can be styled independently of the other data.
But how? Help?
Example here http://www.drillplace.com/store/inde...&cPath=907_913
Thanks,
Warren
Re: How to align price and QTY box in product listing??
Quote:
Originally Posted by
wacamatic
Hi All,
I've done a small modification to remove the <br> between a product price and the QTY box in the product listing page (subcategory with items) but these price/QTY boxes do not align with the other data in the adjacent columns now. While all other columns seem to be centered vertically the price column is up against the top margin.
Does anyone know if these items have a class or something that can be styled in CSS?
I see that all table data in product listings are productListing-data, but the price column also has align=right. This would lead me to believe that it can be styled independently of the other data.
But how? Help?
Example here
http://www.drillplace.com/store/inde...&cPath=907_913
Thanks,
Warren
how about tring this in your css file
#indexProductList input {
margin-top:3px;
}
or something similar?
Re: How to align price and QTY box in product listing??
or you could try:
.productListing-data {
vertical-align:middle;
}
however I imagie this is probably already being alpplied and its actually global styling on the input field that throws it.
just have a fiddle and see what works.