Border around product

Highlighted
New Member
4 0 0

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!

0 Likes
Highlighted
Shopify Partner
1820 211 380

Hey Nikola,

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

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Highlighted
Highlighted
New Member
4 0 0

To look like this...

0 Likes
Highlighted
Shopify Partner
1820 211 380

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.

 

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Highlighted
New Member
4 0 0

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

0 Likes
Highlighted
Shopify Partner
1820 211 380

Awesome, great it was of a help!

Sergiu Svinarciuc | CTO @ visely.io
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution!
- To learn more about the awesome stuff we do head over to visely.io or our blog
0 Likes
Highlighted
Tourist
6 0 1

no! my theme code never works!

0 Likes
Highlighted
Shopify Partner
1445 195 521

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.

If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
Highlighted
Tourist
6 0 1

 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

0 Likes