Shopify themes, liquid, logos, and UX
Hi, how can I align the text in the "image with text" section so that it’s vertically centered?
I just want the text to be in the middle of the image’s height.
Please provide the code I can add to the custom.css section, only for the sections where I want this applied.
Here’s my store: https://1049xn-ya.myshopify.com/products/editing-masterclass
(Just scroll down a bit, and you’ll see the "image with text" sections.)
Thanks a lot,
Tim
Solved! Go to the solution
This is an accepted solution.
Hi @CreatorTim
@media screen and (min-width: 769px){
div.image-with-text__content {
justify-content: center !important;
}
}
I hope this helps
Best,
Daisy
Hi CreatorTim
You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file component-image-with-text.css and add this code at the end of the file
div#ImageWithText--template--22711083893001__image_with_text_RK8JMc {
justify-content: center;
}
Best,
Esther
This is an accepted solution.
Hi @CreatorTim
@media screen and (min-width: 769px){
div.image-with-text__content {
justify-content: center !important;
}
}
I hope this helps
Best,
Daisy
THXXX MAN
Hello @CreatorTim
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> component-image-with-text.css
add this code at the end of the file and save.
.image-with-text__content > :first-child:is(.image-with-text__heading), {
margin-top: 55px !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025