Skip to main content

SAME PRODUCT DIV SIZES

More
11 years 10 months ago #178898 by samuel
-- url of the page with the problem -- : www.lockharttactical.com
-- HikaShop version -- : newest
-- Joomla version -- : 3.4

Could you please help me with the proper hikashop code names to specify the div sizes.

Example: on my homepage, www.lockharttactical.com there is a module showing 12x featured products.

Each products div is a different size.

1) I would love to see each product container to be 248 px WIDE x 328 px HIGH
2) I would love to see the "ADD TO CART" button centered 10 px above the BOTTOM of each div
3) I would love to see the "PRICE" centered 10 px above the "ADD TO CART" button

This should clean up how the page looks quite a bit.

If you could please assist me and let me know what codes i need, that would be wonderful!
Thanks

Please Log in or Create an account to join the conversation.

More
11 years 10 months ago #178921 by Xavier
Replied by Xavier on topic SAME PRODUCT DIV SIZES
Hi,

The properties are responsive ones, so in %. If you want to set a width in px, so you will loose the responsive.
To have a fixed width

1) For the height, you will have to increase the height of the div with the class "hikashop_product_name", and "hikashop_product_image":
Code:
.hikashop_products ul hikashop_subcontainer{ width: 248px !important; } .hikashop_products ul hikashop_subcontainer .hikashop_product_name{min-height:110px !important;} .hikashop_products ul hikashop_subcontainer .hikashop_product_image{min-height:120px !important;}

2)
Code:
.hikashop_products ul hikashop_subcontainer form{margin-bottom:10px !important;}

3)
Code:
.hikashop_products ul hikashop_subcontainer .hikashop_product_price_full{margin-bottom:10px !important;}

Please Log in or Create an account to join the conversation.

Time to create page: 0.162 seconds
Powered by Kunena Forum