Border around product

[nikolasimicva]

Hi,

I would like a help from some expert... I tried to find a solution for the whole day but without success. My problem is:

Make my products apparel in collections like this>>> https://www.ferplast.com/gb/cat-sofas-beds.html?p=2

I want to have that silver border around product+buy button+price, not only around product picture.

I use Venture theme, and managed to put border only around a picture in theme.scss.liquid. I want to have a border around whole product grid.

Thanks in advance!

[Visely-Team]

Hey Nikola,

Would you share a link to your store? Definitely would help.

[nikolasimicva]

https://petsuniverseshop.com/

[nikolasimicva]

To look like this...

[Visely-Team]

Hey Nikolas,

Kinda blindfolded, but you can try adding:

.grid--no-gutters>.grid__item {
    padding: 10px;
}

and:

.grid--no-gutters .product-card {
    border-left-width: 2px;
    border: 2px solid #ccc;
}

to the bottom of your theme.scss.css.

[nikolasimicva]

You are a genius! Thanks! That worked perfectly! I don't know what to say!

[Visely-Team]

Awesome, great it was of a help!

[Arastar]

no! my theme code never works!

[Ninthony]

Often you can't just go around the forum and copy code and expect it to work. Most themes are built completely differently so the element that you have to reference are different.

[Arastar]

 oh lol, yeah i seen products on the homepage on another site and wanted the look they had it looked much better then what i had on mine