Remove margin between images

Start
Prev
1
Next
End

edward68
Topic Author
Offline

Posts: 50
Thank you received: 0

9 years 6 months ago #233098

-- url of the page with the problem -- : http:www.whitepepperhomewares.com/index.php/shop
-- HikaShop version -- : HikaShop Starter 2.6.1
-- Joomla version -- : Joomla! 3.4.8
-- PHP version -- : 3.5
-- Browser(s) name and version -- : mozilla nightly 48.0a1

Hello, I would really love to remove the margin between the product listing div's so that the product listings display without any gaps between them. I would also like to know if doing so will stop the boxes from displaying at an equal width across the entire browser. Could someone please tell me how to remove the gaps. Thanks.

Last edit: 9 years 6 months ago by edward68. Reason: Solved

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

Philip
Offline

Posts: 4820
Thank you received: 654
MODERATOR

9 years 6 months ago #233116

Hello,

First of all, please note that you must avoid to post in this forum any website references, you have to prefer or "Contact us" form, just use this topic subject to fill in your message subject to keep the link.

Now, solve your listing issue :
- Go to your item menu : Menus => Main Menu.
- Click on your item menu to set it.
- Click on Product options tab
- Reproduce this configuration like on the screen on below.

Second step, some little Css code will fit your needs :

As a start, follow this link , you will find a tutorial that explain how reach your Css file and create a custom Css.

Once, you have understand where you can add your Css code, use this kind of code.

A little advice, put your custom code at the end of your frontend_custom.css, that will be more easy later to find and maybe correct it

.hikashop_subcontainer {
padding: 0;
}
.hikashop_product_image_subdiv {
width: 225px !important; (or another pixel width that will fit your needs)
margin: 0 !important;
}

#hikashop_category_information_menu_103 div.hikashop_containe {
margin: 0;
}

your selector : input#hikashop_checkout_quantity_32
your css order: criteria, here width
Css value: 20 px, 50 px, etc...

You can learn more about Css code on this link

Hope this will help you.

Regards,

Attachments:

Last edit: 9 years 6 months ago by Philip.

The following user(s) said Thank You: edward68

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

edward68
Topic Author
Offline

Posts: 50
Thank you received: 0

9 years 6 months ago #233304

Hello Phillip, Sorry for posting the URL in here. This has been duly noted for future reference. I have not had any success with your suggestion just yet but I will keep trying and if successful I will post the result in here. One of the reasons I was having so many issues was because Mozilla Nightly was corrupt. I reinstalled it and added firebug and now I can work my way around most things once more. Many thinks.

Last edit: 9 years 6 months ago by edward68. Reason: update

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