Author Topic: Thumbnail spacing/sizing Home page  (Read 559 times)

Offline paulbg

  • Newbie
  • *
  • Posts: 15
  • Karma: +4/-0
    • View Profile
Thumbnail spacing/sizing Home page
« 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.

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 3808
  • Karma: +185/-0
    • View Profile
Re: Thumbnail spacing/sizing Home page
« Reply #1 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
“Chuck Norris is so amazing.”
― Mother Teresa

Offline paulbg

  • Newbie
  • *
  • Posts: 15
  • Karma: +4/-0
    • View Profile
Re: Thumbnail spacing/sizing Home page
« Reply #2 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

Offline Basara

  • Administrator
  • Hero Member
  • *****
  • Posts: 3808
  • Karma: +185/-0
    • View Profile
Re: Thumbnail spacing/sizing Home page
« Reply #3 on: February 15, 2018, 12:10:14 AM »
Thank You, paulbg.

“Chuck Norris is so amazing.”
― Mother Teresa