Expanse Theme - Removing Image Borders From the Template

Solved
GizliSekme
Tourist
7 0 4

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,

 

 

Accepted Solution (1)

Accepted Solutions
dmwwebartisan
Shopify Partner
10710 2339 3325

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 →

View solution in original post

Replies 5 (5)
dmwwebartisan
Shopify Partner
10710 2339 3325

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
7 0 4

Thank you very much ❤️

GizliSekme
Tourist
7 0 4

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

 

dmwwebartisan
Shopify Partner
10710 2339 3325

@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 →
topestshop
Tourist
10 0 3

Hi there, could you help to move the "add to cart" button on the same row of quantity? 

add to cart.png

 

Thanks for your help. 

 

Our store URL: https://atw6g6zygfbp15qd-57623150724.shopifypreview.com/products/computer-desk-with-bookshelves

 

Password: cowsko