Solved

How can I align an image with text on the left side?

Juztean
Excursionist
39 0 8

Hi, how do I align the image with the words for the left side? This is the products page.

Juztean_0-1637248408747.png

 

URL to the page: juzfitness.com

 

Thanks in advance

Accepted Solution (1)

LitExtension
Shopify Partner
4860 1001 1135

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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify

View solution in original post

Replies 4 (4)

Elias
Shopify Staff
2805 274 490

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

LitExtension
Shopify Partner
4860 1001 1135

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!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Juztean
Excursionist
39 0 8

Hi @LitExtension,

 

It worked perfectly. Thanks!

khilan
Shopify Partner
271 15 26

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.

Shopify Expert | Skype: khilan.mendapara
- Like and Mark as an Accepted Solution if reply helpful
- Feel free to contact me on khilan.mendapara1995@gmail.com regarding any help