How can I add border line on my collection and sections

[Wojak]

Hey guys I want to add solid border line on my collection of entire site.

I tried to add

.sf__pcard .sf__pcard-image .spc__main-img{
border:1px solid #000;
}

on base.css but didn’t work.

Here is a reference that I want, I use Rise theme.

[devcoders]

Hello @Wojak
Thank you for submitting your query to the Shopify community. I’d be happy to assist you. Could you please provide the store URL and password (if it’s password-protected) so I can review and get back to you with an update?

[Wojak]

http://dnjacknjdk

[devcoders]

Hello @Wojak

Go to Online Store, then Theme, and select Edit Code.
Search for assets/base.css Add the provided code at the end of the file.

ul#product-grid {
border-left: solid 1px #000;
border-top: solid 1px #000;
column-gap: 0;
row-gap: 0;
}
li.grid__item.scroll-trigger.animate--slide-in {
border-right: solid 2px #000;
border-bottom: solid 1px #000;
}

[Wojak]

It seems it’s not working

[devcoders]

Hello @Wojak

ul#product-grid {
border-left: solid 1px #000;
border-top: solid 1px #000;
column-gap: 0;
row-gap: 0;
}
li.grid__item.scroll-trigger.animate--slide-in {
border-right: solid 2px #000;
border-bottom: solid 1px #000;
}

[Wojak]

[devcoders]

Hello @Wojak

Also add this code.

.product-card-wrapper .card, .contains-card--product {
    border-left: solid 1px #000;
    border-top: solid 1px #000;
    column-gap: 0;
    row-gap: 0;
}