Solved

Expanse Theme - Removing Image Borders From the Template

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 Solutions (2)

dmwwebartisan
Shopify Partner
12289 2547 3698

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

dmwwebartisan
Shopify Partner
12289 2547 3698

This is an accepted solution.

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 5 (5)

dmwwebartisan
Shopify Partner
12289 2547 3698

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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder 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
12289 2547 3698

This is an accepted solution.

@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 | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder 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