Centering Variant Writing

Solved
Highlighted
Excursionist
16 1 2

HI all,

I managed to add coding to centre the Product Title, Price/Sale Price, Discount %, Variants Title and everything in the description... But I can't figure out how to centre the writing within the variant drop down box (it remains left aligned).

Is there any coding to accomplish this? (I'm using the free Debut theme).

Thank you for any help.

0 Likes
Highlighted

Hello Crowbius,
Please share your site url.
So that i can check and let you know the exact solution here.

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
New Member
1 0 0

hi your answer is really helpful 

check this website out- 

https://newsherder.com

0 Likes
Highlighted
Excursionist
16 1 2

Thank you for your reply, ocsprofessional!

My site url is: https://ardourjewellery.com/ 

The password is: lawday

I want to make the writing in the variant box be centred without making the box smaller.

20200703_153142.jpg

Thanks for your help!

0 Likes
Highlighted

Hello @Crowbius 

Add this css at the bottom of

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

.product-form__controls-group .product-form__input {
	text-align: center;
}

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
Highlighted
Excursionist
16 1 2

Thank you for the suggestion @oscprofessional.

Unfortunately, that didn't seem to change anything with the variant boxes.

Do you have any other possible suggestions?

Thanks again!

0 Likes
Highlighted

This is an accepted solution.

@Crowbius,

Please add below css

.product-form__controls-group .product-form__input {
    text-align-last: center;
}
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
1 Like
Highlighted
Excursionist
16 1 2

Perfect! This worked.

Thank you for your help with this @oscprofessional.

0 Likes