hi! i would like to align my product title and price to the left.
this is how it is now:
and this is how i would like it:
so left align and make the product title bold
website is: https://www.gallerychristian.com/
password: 6399
Topic summary
A user wants to left-align product titles and prices in the Prestige theme, and make titles bold. Currently, these elements are center-aligned on their product grid.
Visual Context:
The user provided before/after screenshots showing the desired layout change from center to left alignment.
Solutions Provided:
Two respondents offered CSS code solutions:
-
Solution 1: Add CSS to
base.csstargeting.product-card__infoand.justify-items-centerwithjustify-items: left !important; -
Solution 2: Add CSS to
theme.csswith similar targeting but includesfont-weight: 700;for bold text and usesjustify-items: flex-startfor one selector
Both solutions involve navigating to Online Store > Themes > Actions > Edit Code and pasting custom CSS at the end of the specified file.
Status: Multiple working solutions provided with code snippets and implementation instructions. The discussion appears resolved with actionable answers.
Hello @christian_russo ,
Here are the steps to apply the necessary changes in your Shopify store:
- In your Shopify Admin, navigate to Online Store > Themes > Actions > Edit Code.
- Locate Asset > base.css and paste the following code at the bottom of the file:
.product-card__info {
justify-items: left !important;
}
.justify-items-center {
justify-items: left !important;
}
Let me know if you need further assistance!
Hello @christian_russo
Go to online store ----> themes ----> actions ----> edit code ----> theme.css
add this code at the end of the file and save.
.product-card__info {
justify-items: left !important;
font-weight: 700;
}
}
.justify-items-center {
justify-items: flex-start;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks