Post by puyopuy » Mon Mar 26, 2012 7:04 pm

Hi guys,

In product grid section, some product's name use 1 line and some of them using 2 lines, when it display "Add to Cart" button, it won't aligned horizontally. Just wonder anyone can help to change CSS to align all buttons? I tried to add bottom:0 in css but it won't works

.product-grid .cart {
bottom: 0;
margin-bottom: 3px;
}

also tried
.product-grid .cart {
position: absolute;
bottom: 0;
margin-bottom: 3px;
}

Any suggestion is much appropriated.
puyo
Last edited by puyopuy on Sun Apr 01, 2012 4:14 pm, edited 2 times in total.

Newbie

Posts

Joined
Fri Feb 10, 2012 11:47 pm

Post by puyopuy » Mon Mar 26, 2012 7:16 pm

OK, I found out from other thread in this forum, just add min-height: 30px; around line 910 like this.

.product-grid .name a {
color: #38B0E3;
font-weight: bold;
text-decoration: none;
display: block;
margin-bottom: 4px;
min-height: 30px;
}

Newbie

Posts

Joined
Fri Feb 10, 2012 11:47 pm
Who is online

Users browsing this forum: No registered users and 29 guests