Size, color n quantity have moved to the center, previously on the left side

[Sheeks]

size, color n quantity have moved to the center, previously on the left side
help me plsss 🙏

https://sheeksorority.com/

[Moeed · Accepted solution]

Hey @Sheeks 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.product-variants-title {
    text-align-last: left !important;
}
.product-variants-wrapper {
    text-align-last: left !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Sheeks]

Hi there ^^
Thanks again!

[Moeed]

Thank you for your reply. I'm glad to hear that the solution worked well for you. If you require any more help, please don't hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

[BSS-TekLabs]

Hi @Sheeks,

You can follow these steps to make text appear on the left side

1. Open Online Store > Theme > Edit Code

2. Find and open the base.css (or theme.css, custom.css) file

3. Paste the code snippet below at the bottom of the file and hit save

.product-variants-wrapper {
    text-align: left !important;
}

Here is the result:

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!

[Made4uo-Ribe]

Hi @Sheeks 

check this one. 

1. From you Admin page, go to Online Store > Themes

1. Select the theme you want to edit
2. Under the Asset folder, open the main.css(base.css, style.css or theme.css)
3. Then place the code below at the very bottom of the file.

h6.product-variants-title.text {
    text-align: left !important;
}
div.product-variants-wrapper {
    text-align: left !important;
}

• And save. 
• Result:
•