Product Boxes/Margin Wouldn't Change

  • Posts: 31
  • Thank you received: 0
9 years 2 months ago #244622

-- url of the page with the problem -- : barberfanatics.com/index.php/shop-store2...lades-trimmer-blades
-- HikaShop version -- : 2.6.3
-- Joomla version -- : 3.5.1
-- Browser(s) name and version -- : google chrome Version 51.0.2704.106

1) The space between the product boxes come from the setting "margin" of the "product options" tab of your menu item that you can edit via the Joomla menu manager.
- I put "0" in the margin and nothing is changed.
2) The height of the product boxes depends on what you have inside them. Reduce the size of the images or hide some of the pieces of the interface like the votes (with the corresponding settings of your menu item) and that will reduce the height of the boxes.
- I have removed them all but the product boxes are still long.
3) The banner size is simply the size of the image that you set in the description of the category there as you can see if you look at the HTML of the banner as explained in the link Xavier gave you in his message:
take.ms/hJias
Change the image to a bigger one if you want to have it bigger.
- The banner size is way big on my product description but it still shows 659 x 107. How do I fix this?

Attachments:

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

  • Posts: 84313
  • Thank you received: 13702
  • MODERATOR
9 years 2 months ago #244626

Hi,

1. Your template has CSS overriding that with this CSS code:

.row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.564102564102564%;
}
in the file barberfanatics.com/templates/samba_spa/c...strap-responsive.css
and:
div.hikashop_container {
    margin: 3% !important;
    margin-top: 20px !important;
}
in barberfanatics.com/templates/samba_spa/css/thirdparty.css

2. Again, your template also have extra CSS which needlessly increase the height of the boxes.
For example, you can remove the CSS:
.hikashop_product_name {margin:0px;padding:0px;border-bottom:1px solid #f1f1f1;padding-bottom:14px !important;margin-top:18px !important;margin-bottom:22px !important;}
in barberfanatics.com/templates/samba_spa/css/thirdparty.css

3. Your template has custom CSS which force the size of the banner:
take.ms/0EOGt

Please contact your template provider support for customization of the display like these as they are related to your template's CSS, not HikaShop.

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

Time to create page: 0.046 seconds
Powered by Kunena Forum