Change background color of the map button

Kevin5477
New Member
1 0 1

Hello,

 

Does anyone know how to change the map button colour on the supply theme ?

 

Thanks

Replies 17 (17)
KetanKumar
Shopify Partner
24919 2496 9027

Hello, @Kevin5477 

Thanks, for post.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rubymardi
Tourist
6 0 1

Hi! I would like to know how to do this as well. I have not found the solution. I would also like to change the position of my picture in the map section from right to left, and nothing is working. 

thanks! 

KetanKumar
Shopify Partner
24919 2496 9027

@rubymardi 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rubymardi
Tourist
6 0 1

Thanks! 

 

My url is https://rubymardi.com/

and the map section is on the home page. Thank you!! 

KetanKumar
Shopify Partner
24919 2496 9027

@rubymardi 

do you have like this?

KetanKumar_0-1609525772779.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rubymardi
Tourist
6 0 1

I see the image on the right, on 2 different browser, but yes, that's the way I would like to see it. And I would like to try a tint of pink for the box instead of grey. Is there a way to do it? 

KetanKumar
Shopify Partner
24919 2496 9027

@rubymardi 

Thanks for clear

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.map-section__wrapper {flex-direction: row-reverse;}
.map-section__text{background-color: #F68DCC;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rozeart30
Excursionist
14 0 5

I would like to know how to change the layout of "OUR STORE" with an image on the right hand side like how rubymadri has on her page.  Please advise.  

KetanKumar
Shopify Partner
24919 2496 9027

@rozeart30 

can you please show me page url and issue images?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing