Appearance of the "add to cart" button and prices

Tourist
28 0 1
Good morning,

I have a problem with my new shopify store.
Where to change the appearance of the buttons to buy and the price?
At the moment it looks like this:
jest.png


I would like to change the look like this:
chce.png
Please help. Regards
0 Likes

Hello @bialas6666,

Please share your site url so that I will give you exact solution

Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
0 Likes
Shopify Expert
2461 414 519

Hi @bialas6666 

You can change style of add to cart button and price by adding following css in Asset->theme.scss file at bottom, 

[name="add"]{padding: 8px 85px;background-color: #fff;border-color:#528ec1;}
[name="add"] span{color:red;}
#productPrice-product-template{color:red;}

Note: You can change color and padding as you want, increase 85px to increase width of button.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Tourist
28 0 1
Thanks for messages @Jasoliya
I changed the button color. How to change the price appearance and color?

0 Likes
Tourist
28 0 1
Thanks for messages @oscprofessional
www.caccesories.com password: mat
0 Likes

Hello,

To change the color of price

Add below css

#productPrice-product-template span {
	color: red;
}
Want to modify or incorporate custom changes on store, Hire us.
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Free Review and advice for sale on store | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | SEO & Digital Marketing | Site Speed Optimization | Performance Site Audit
1 Like
Shopify Expert
2461 414 519

Use this css for regular price:

#productPrice-product-template span:first-child {color: green;}

this one for compare price:

#productPrice-product-template span:nth-child(2) small s {color: red;}
Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
0 Likes
Tourist
28 0 1
I'm sorry but I'm a beginner. Where should I change it?
0 Likes
Shopify Expert
2461 414 519

You just need to add this css in asset->theme.scss file at bottom and if you want to change color then you can.

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Tourist
28 0 1

Thank you done.

 

How to change the price look (style)?

aa.png

0 Likes