Solved

Can you modify font, size, and color on Shopify?

JohanLindell
Excursionist
15 0 8

Hi, 

I´m new to Shopify and was wondering how to change font and size to just the price. And maybe also change the color to the add to cart/purchase button.

URL: https://ca.tobeouterwear.com/collections/mountain/products/vivid-v2-mono-suit-cfblack

 

Skärmavbild 2021-09-09 kl. 10.28.39.png

 

Thanks 🙂 

Accepted Solution (1)

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@JohanLindell 

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.product-single__meta .product__price {
    font-size: 24px;
}

 

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

View solution in original post

Replies 7 (7)

JHKCreate
Shopify Expert
3571 639 916

Hello @JohanLindell 

What size/font are you looking to change? This shouldn't take long!

Cheers

Did we solve your issue? Like & Mark As Solution to help the community
Should you need any direct help: contact@jhkcreate.com

Learn more about us: jhkcreate.com
JohanLindell
Excursionist
15 0 8

I feel like the price is to small and "anonymous" today and would like to scale it up. To what size I’m not sure of right now but I would like to know how to be able to do these type of changes. 

 

KetanKumar
Shopify Partner
36839 3635 11972

This is an accepted solution.

@JohanLindell 

yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.product-single__meta .product__price {
    font-size: 24px;
}

 

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
JohanLindell
Excursionist
15 0 8

thank you!

KetanKumar
Shopify Partner
36839 3635 11972

@JohanLindell 

its my pleasure to help us 

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
JohanLindell
Excursionist
15 0 8

Hi again, 

I can´t get the code to work. I have an assett named theme.css.liquid and one theme.js

which one is it, I tried it in theme.css.liquid and first I could change to another size and then change to original but now it doesnt work.

/Johan

KetanKumar
Shopify Partner
36839 3635 11972

@JohanLindell 

can you please share 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