DEBUT THEME: How to customize buttons

Solved
melanyg
Excursionist
23 0 11

Hi Everyone, 

How do I customize the 'see size guide' button. 

 

1 . I want to add white space below the button so it is spaced evenly.

2 . I want to change the text and colour 

melanyg_0-1618363419707.png

 

dmwwebartisan
Shopify Partner
5673 1294 1654

@melanyg 

Please share your website URL and password if any. I will check and provide a solution here.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
melanyg
Excursionist
23 0 11
dmwwebartisan
Shopify Partner
5673 1294 1654

@melanyg 

2 . I want to change the text and colour 

As for the above point do you want to change the background color of the button and text color?

Let me know.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
melanyg
Excursionist
23 0 11
dmwwebartisan
Shopify Partner
5673 1294 1654

@melanyg 

Do you know which background color you need for the button?

Let me know.

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
dmwwebartisan
Shopify Partner
5673 1294 1654

This is an accepted solution.

@melanyg 

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

.template-product a.btn.size-chart-open-popup {
    margin-bottom: 15px;
    background-color: #fff;
    color: #000;
    border-color: #000;
}

 

You can change the colors above background-color, color( text color), and border color as per your need.

Thanks!

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
melanyg
Excursionist
23 0 11

@dmwwebartisan 

This has not worked 

dmwwebartisan
Shopify Partner
5673 1294 1654

@melanyg 

The code is fine. The problem in your CSS file. Please check the screenshot below and correct this. 

remvoe-this-bracket.jpg

If helpful then please Like and Accept Solution.
Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Advanced Shopify Page Builder to customize your pages - check here PageFly App
0 Likes
melanyg
Excursionist
23 0 11

Great that has worked thank you!

How do I change the text on the button?

 

@dmwwebartisan