- Posts: 77
- Thank you received: 1
SAME PRODUCT DIV SIZES
11 years 10 months ago #178898
by samuel
SAME PRODUCT DIV SIZES was created 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
-- 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.
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":
2)
3)
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