- Posts: 31
- Thank you received: 0
Product Boxes/Margin Wouldn't Change
- chwebmedia
-
Topic Author
- Offline
Less
More
10 years 3 months ago #244622
by chwebmedia
Product Boxes/Margin Wouldn't Change was created by chwebmedia
-- 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?
-- 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?
Please Log in or Create an account to join the conversation.
10 years 3 months ago #244626
by nicolas
Replied by nicolas on topic Product Boxes/Margin Wouldn't Change
Hi,
1. Your template has CSS overriding that with this CSS code:
in the file
barberfanatics.com/templates/samba_spa/c...strap-responsive.css
and:
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:
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.
1. Your template has CSS overriding that with this CSS code:
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%;
}
and:
Code:
div.hikashop_container {
margin: 3% !important;
margin-top: 20px !important;
}
2. Again, your template also have extra CSS which needlessly increase the height of the boxes.
For example, you can remove the CSS:
Code:
.hikashop_product_name {margin:0px;padding:0px;border-bottom:1px solid #f1f1f1;padding-bottom:14px !important;margin-top:18px !important;margin-bottom:22px !important;}
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.161 seconds