How to align product title, reivew and price to the left

[CameronO]

As shown by the image, I would like to arrange the product title, review stars and product price on the left side whilst keeping the everything else the same. How do i do this. I tried div{ text-align: center} in the custom css but this centered the colours aswell. Any help would be grewatly appreciate my store url is:https://03nkpv-tm.myshopify.com/

[inabeel16]

Hi CameronO 

1st you can check the settings if there is not setting for align text then->
you can inspect element and search the classes of the relative title, price & review and apply the text-align: left; css 

or 

if its not work you can try text-align: left !important;
it will 100% work 

[Made4uo-Ribe]

Hi @CameronO 

Is this solved?

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[CameronO]

No, because i want the colours to be centered still. I really appreciate your help only the prices and the product title should be aligned to the left

[Made4uo-Ribe · Accepted solution]

Oh, I see. Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

@media only screen and (max-width: 768px) {
.product-single__meta {
    text-align: left !important;
}
    
.variant__label, .variant-input-wrap {
    text-align: center;
}
}

• And Save.
• Result:
• 

 Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better!