Jump to content

Accessories tab with wrong alignment


tapukatata

Recommended Posts

When I add more than 4 products in accessories tab the arrangement of the products goes wrong. There is empty space between some product. I've attached a screenshot. Link to the page: http://iskambg.com/stoki-za-doma-bita/1287-%D1%8F%D0%B9%D1%86%D0%B5%D0%B2%D0%B0%D1%80%D0%BA%D0%B0-%D0%B2%D0%B0%D1%80%D0%B5%D0%BD%D0%B5-%D1%8F%D0%B9%D1%86%D0%B0-%D0%BF%D0%B0%D1%80%D0%B0.html

 

Anyone can help me to remove that empty space?

post-313916-0-86440200-1491207862_thumb.jpg

Link to comment
Share on other sites

Hi Diyan1234,

 

This is caused by the different heights.

You should set a min-height for the classes .product-name and .content-price so that the boxes always have the same height.

 

You can do this in the product-list.css (themes > your_theme > css > product-list.css)

.content_price {
     min-height: 29px;
}

.product-name {
     min-height: 46px;
}
  • Like 1
Link to comment
Share on other sites

 

Hi Diyan1234,

 

This is caused by the different heights.

You should set a min-height for the classes .product-name and .content-price so that the boxes always have the same height.

 

You can do this in the product-list.css (themes > your_theme > css > product-list.css)

.content_price {
     min-height: 29px;
}

.product-name {
     min-height: 46px;
}

 

Great thanks. That works

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...