Expanse Theme - Removing Image Borders From the Template

Solved
GizliSekme
Tourist
4 0 1

Hello,

We'd like to remove the RGB(236,235,231) colored borders from images.

Borders; 

GizliSekme_0-1632322835306.png

 

Product Detail Page URL Example: https://www.gizlisekme.co/products/test

 

We want to change it with #f9f7fa#fffghostwhitehsl(280,23%,97%)rgb(249,247,250) since it is our background current.

Current border color details: #ecebe7#ffelinenhsl(47,11%,91%)rgb(236,235,231)

Thank you for your support,

 

 

dmwwebartisan
Shopify Partner
9284 2151 2927

This is an accepted solution.

@GizliSekme 

add the following code at the bottom of your assets/theme.css

.product__main-photos {
    border-color: #f9f7fa !important;
}

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
GizliSekme
Tourist
4 0 1

Thank you very much

0 Likes
GizliSekme
Tourist
4 0 1

Hello,

it worked for desktop view, but it didn't  work for mobile;

GizliSekme_0-1634287469388.png

Do you have any suggestions about mobile border colors? I guess it depends on "Lines and Borders" setting of  Theme Settings;

GizliSekme_1-1634287639364.png

 

Thank you so much for the support

 

0 Likes
dmwwebartisan
Shopify Partner
9284 2151 2927

@GizliSekme 

add the following code at the bottom of your assets/theme.css

@media only screen and (max-width:768px){
.product__main-photos {
    border-color: #f9f7fa !important;
}
}
If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes