Edit Pice Font and Padding

Solved
Highlighted
Tourist
19 0 1

Hi,

I have the Afterpay details and was wondering how I can make the font a little smaller so I don't have the 'more info' in two lines.

Secondly, I wanted to move the price to the left and add some space between the price and Afterpay text. I have attached the photo below of what we have right now. I have debut theme.

 

Screen Shot 2020-06-23 at 11.01.15 am.png

0 Likes
Highlighted

Hello @Teyanna,

Can you please share your site url

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
19 0 1
0 Likes
Highlighted

This is an accepted solution.

Hello @Teyanna 


Add this css at the bottom of

Online Store->Theme->Edit code->Assets->theme.scss.liquid

.product__price {
	text-align: left !important;
	margin-bottom: 10px;
}
.product__price .price {
	align-items: self-start !important;
}
.afterpay-paragraph span {
	font-size: 14px;
}

Hope this will work for you.
Thanks!

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
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes