SAME PRODUCT DIV SIZES

  • Posts: 77
  • Thank you received: 1
  • Hikaserial Subscription
10 years 9 months ago #178898

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

  • Posts: 13201
  • Thank you received: 2322
10 years 9 months ago #178921

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":

.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)
.hikashop_products ul hikashop_subcontainer form{margin-bottom:10px !important;}

3)
.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.064 seconds
Powered by Kunena Forum