Post by Evilboy » Wed Sep 21, 2011 7:14 pm

I want to align the add to cart buttons horizontally.
eg:
http://demo.opencart.com/index.php?rout ... path=25_28
Because one of the product names is larger, the add to cart buttons are not aligned horizontally in grid view. Is there any way to do this?

Thanks!
Last edited by Evilboy on Sun Sep 25, 2011 10:23 pm, edited 1 time in total.

Newbie

Posts

Joined
Tue Sep 13, 2011 2:10 pm

Post by grgr » Sun Sep 25, 2011 3:39 am

Stylesheet line 910 .product-grid .name a

add:

min-height: 30px;

is the only way I can think of doing it at the moment.

Image Image Image Image Image Image Image Image


User avatar
Active Member

Posts

Joined
Mon Mar 28, 2011 4:08 pm
Location - UK

Post by uksitebuilder » Sun Sep 25, 2011 5:07 pm

Try adding the following to your catalog/view/theme/default/stylesheet/stylesheet.css

Code: Select all

.product-grid .name{
    min-height:36px;
}

ImageImageImageImageImage

For Friendly Professional Support - Click Here


User avatar
Guru Member

Posts

Joined
Thu Jun 09, 2011 11:37 pm
Location - United Kindgom

Post by Evilboy » Sun Sep 25, 2011 10:23 pm

Thanks a lot guys! Both the solutions worked. :)

Newbie

Posts

Joined
Tue Sep 13, 2011 2:10 pm

Post by silanli_53 » Wed Mar 28, 2012 3:36 am

Thank you.
So, how to edit the main page, you need to do is add to cart buttons?

Cafe Koltuk Çeşitleri

Laptop Sırt Çantası


User avatar
New member

Posts

Joined
Fri Feb 19, 2010 8:54 am


Post by silanli_53 » Wed Mar 28, 2012 3:44 am

.box-product .name{
min-height:36px;
}

I found :) Thanks

http://www.herkeseyekoltuk.com

Cafe Koltuk Çeşitleri

Laptop Sırt Çantası


User avatar
New member

Posts

Joined
Fri Feb 19, 2010 8:54 am


Post by javabean » Tue Sep 04, 2012 6:44 am

Hi! Just wanted to add to this. This fixed the add to cart alignment in categories but it didn't fix the alignment for add to cart buttons on my "Featured" products on my index page so here's the fix if anyone is looking for it:

/catalog/view/theme/yourtheme/stylesheet/

find:
.box-product .name a

add:
min-height:44px;

I use a custom theme so i'm not sure if it applies to the default theme but i'm guessing it does

Newbie

Posts

Joined
Wed Aug 29, 2012 2:11 am

Post by hopwood » Mon Mar 25, 2013 1:35 am

Thanks! That looks so much better. Those lovely people at OpenCart should write that into the code.

Newbie

Posts

Joined
Wed Nov 28, 2012 4:51 am
Who is online

Users browsing this forum: No registered users and 55 guests