Borders for product cars and sections - Dawn theme

[Brightenova]

Hello Community,

Would somebody be able to write me code for borders on product card and sections?

Please refer to attached picture.

[Jack_Khan_Baba]

yes i can help you please share your store url

[BSS-Commerce]

Hi @Brightenova ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

[Brightenova]

https://brightenova.com/

pass: Erzanatsu

[Brightenova]

Here you go

https://brightenova.com/

pass: Erzanatsu

[BSS-Commerce]

Hey @Brightenova ,

Is this the final result you want?

Try to insert the below code at the end of file base.css Hope it works for you!

.product {
    border: 1px white solid;
    border-radius: 10px;
    padding: 5rem 3.5rem 0 3.5rem;
    margin: 0px -50px;
}

[id^="MainProduct"] {
    padding-bottom: 36px;
}

.related-products {
    border: 1px white solid;
    border-radius: 10px;
    padding: 5rem 3.5rem 0 3.5rem;
}

.footer .footer-block.animate--slide-in { 
    border: 1px white solid;
    border-radius: 10px;
    padding: 5rem 3.5rem 0 3.5rem;
}

.footer .footer-block.animate--slide-in:nth-child(1) {
    margin-left: -50px;
}

.footer .footer-block.animate--slide-in:nth-child(2) {
   margin-right: -50px;
}

[Brightenova]

Hello!

As a small adjustement would it be possible that they would be all the same sizes?

Other than that the result is very good!!

[Brightenova]

I also tried to add the border to this but seems like it needs something more in the code.

I wrote this into code:

.slider-mobile-gutter {
border: 1px white solid;
border-radius: 10px;
padding: 5rem 3.5rem 0 3.5rem;
margin: 0px -50px;

[BSS-Commerce]

Hi @Brightenova

Pleaze , replace the selector “.product-grid” by “.collection [id^=“Slider-template”]” and add then attribute important on the selector “.product” !

.product {
    border: 1px white solid;
    border-radius: 10px;
    padding: 5rem 3.5rem 0 3.5rem;
    margin: 0px -50px!important;
}

Before

After

Hope it helps @Brightenova