Define Padding arround Product cards

[loop]

Hi All
i'm wondering how i can have less padding thenn 15px between the products.
I know i could do:

Code: Select all

.contentText > .row > .col{
  padding-left: 7px;
  padding-right: 7px;
}

But thenn the title will not follow as there is also a padding defined there. Is there a simple / elegant solution to define that "global"?

[Kofod95]

I think .card for the cards should work - I seem to remember that's what I did. For the title at the top, I think you could target the main wrapper there as well, but I don't remember the name (sorry Mr. Shinoda)

//Daniel

//Daniel

[edfaught]

I believe that padding is set in the _grid_framework.scss file by the .col class. That might keep your quest interesting...

[loop]

if i would change the ".col" class setting, then the padding is changed everywhere, not only on the product view...

[Omar_one]

if i would change the ".col" class setting, then the padding is changed everywhere, not only on the product view...

you can try this
override the product_listing.php file (copy it from templates/default/includes/components/ to templates/override/includes/components/)
then find on the copied file
this line

Code: Select all

 $prod_list_contents .= '<div class="col mb-2">';

change it to

Code: Select all

$prod_list_contents .= '<div class="col mb-2 px-2">';

then add this to user.css (templates/override/static/user.css)

Code: Select all

.px-2 {
  padding-left:7px !important;
  padding-right:7px !important;
}

[loop]

hi Omar_one

Thank you for your help! the Problem is, whenn i do that:
on the left (from column left to the first box of the product_listing) is thenn also only the 7px space and i like the 15px space there (as the everything, everywhere has always this space from categories box to the title for example)
so i need a solution to keep the space there and only reduce betwen the product's....

[loop]

just figured it out, thank you!