Shopify themes, liquid, logos, and UX
Hi, how do I align the image with the words for the left side? This is the products page.
URL to the page: juzfitness.com
Thanks in advance
Solved! Go to the solution
This is an accepted solution.
Hi @Juztean,
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
.grid-view-item__image-wrapper{
margin-left: 0 !important;
}
Hope it helps!
Hi, @Juztean.
Thank you for reaching out and posting this question.
I understand you're looking to align the image to the left, so that it can be aligned with the text. While I'm not sure if aligning the image to the left is possible, as it seems easier to center the text. However, if you're using a Shopify-supported theme, then this is something that our Theme Support team can help you with. While we’re not able to provide account-specific support via the Shopify Community at this time, we’d be happy to continue assisting you through live chat, email, or callback. Please visit the Shopify Help Center and log in to your account to create a support request.
For third-party or custom themes, we'd recommend checking with the theme designer for support with your theme. If the theme designer doesn't offer customization support, then you can consider hiring a developer to assist with this. If you need help finding a developer, then you can find one on Shopify Experts. Shopify Experts is our directory of certified developers that have experience with custom themes, and they'll be able to assist you with your theme.
Have you considered using Shopify Inbox to communicate with customers on your store?
Elias | Social Care @ Shopify
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- To learn more visit the Shopify Help Center or the Shopify Blog
This is an accepted solution.
Hi @Juztean,
Please follow these steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.css and paste this at the bottom of the file:
.grid-view-item__image-wrapper{
margin-left: 0 !important;
}
Hope it helps!
hey, @Juztean
please enter this code.
.price {
align-items:center;
}
.product-card {
text-align-center;
}
put this code in theam.css
thank you so much.
khilan.
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024