AbanteCart Community

AbanteCart Development => Customization help => Topic started by: paulbg on February 12, 2018, 08:34:58 AM

Title: Thumbnail spacing/sizing Home page
Post by: paulbg on February 12, 2018, 08:34:58 AM

Searched around, can't find this issue explained anywhere.

The Home page template spaces each product into a holder and resizes accordingly. Four items per category (default)

I would like to alter that spacing so I can get items closer together. My site has a black background so they look a bit too far apart. What does anyone suggest?
thanks.

Title: Re: Thumbnail spacing/sizing Home page
Post by: Basara on February 13, 2018, 07:14:13 AM

Hello.

Open inspector in your browser and check what CSS rule you need to change inside style.css file
https://abantecart.atlassian.net/wiki/spaces/AD/pages/7569496/Debug#Debug-Browserinspector

Main CSS file in default template is located in this folder /storefront/view/default/stylesheet/style.css

Title: Re: Thumbnail spacing/sizing Home page
Post by: paulbg on February 14, 2018, 09:39:57 AM

Hi
style.css  Ln: 2761

.thumbnail {
   position: relative;
   padding: 5px 100px 5px 0;

if anyone is interested

Title: Re: Thumbnail spacing/sizing Home page
Post by: Basara on February 15, 2018, 12:10:14 AM

Thank You, paulbg.