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

Technical Q&A
, ,
1

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/

CameronO_0-1733914581217.png
CameronO_0-1733914581217.png463Ă—831 40.3 KB

2 Likes
2

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

3

Hi @CameronO

Is this solved?

Made4uoRibe_0-1733916576017.png
Made4uoRibe_0-1733916576017.png403Ă—510 17.7 KB

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

1 Like
4

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

5

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;
}
}

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

1 Like