Shopify themes, liquid, logos, and UX
Hi,
I want to change the placement of my text on my "Image with text". Look at my website and at my picture to see how i want. I want it centered.
Website: https://d8106d-4.myshopify.com/
Solved! Go to the solution
This is an accepted solution.
you want it to be 50% 50%
Hi @Elias10 ,
Follow these Steps:
1) Go to Online Store
2) Edit Code
3) Find theme.liquid file
4) Add the following code just above tag </body>
<style>
@media only screen and (min-width: 749px) {
#shopify-section-template--20481422000470__bacf1f37-4c23-490c-b126-a897e4af2c8a .page-width,
#shopify-section-template--20481422000470__217a4d82-8c9c-4b1e-9a09-afe706f59684 .page-width,
#shopify-section-template--20481422000470__0f09de6c-f12d-4f4f-b54b-29c25edae114 .page-width,
#shopify-section-template--20481422000470__ba526139-b516-4f1e-8160-27a2d4e8a474 .page-width{
margin: 0px!important;
max-width: 100%;
}
#shopify-section-template--20481422000470__bacf1f37-4c23-490c-b126-a897e4af2c8a .image-with-text__grid,
#shopify-section-template--20481422000470__217a4d82-8c9c-4b1e-9a09-afe706f59684 .image-with-text__grid,
#shopify-section-template--20481422000470__0f09de6c-f12d-4f4f-b54b-29c25edae114 .image-with-text__grid,
#shopify-section-template--20481422000470__ba526139-b516-4f1e-8160-27a2d4e8a474 .image-with-text__grid{
display: flex;
}
#shopify-section-template--20481422000470__bacf1f37-4c23-490c-b126-a897e4af2c8a .image-with-text__media-item,
#shopify-section-template--20481422000470__217a4d82-8c9c-4b1e-9a09-afe706f59684 .image-with-text__media-item,
#shopify-section-template--20481422000470__0f09de6c-f12d-4f4f-b54b-29c25edae114 .image-with-text__media-item,
#shopify-section-template--20481422000470__ba526139-b516-4f1e-8160-27a2d4e8a474 .image-with-text__media-item{
flex: 0 1 55%;
}
#shopify-section-template--20481422000470__bacf1f37-4c23-490c-b126-a897e4af2c8a .image-with-text__text-item,
#shopify-section-template--20481422000470__217a4d82-8c9c-4b1e-9a09-afe706f59684 .image-with-text__text-item,
#shopify-section-template--20481422000470__0f09de6c-f12d-4f4f-b54b-29c25edae114 .image-with-text__text-item,
#shopify-section-template--20481422000470__ba526139-b516-4f1e-8160-27a2d4e8a474 .image-with-text__text-item{
flex: 0 1 45%;
}
}
</style>
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka
it worked, but the thing is the image is getting bigger. See picture. Are you able to change it? Thanks
This is an accepted solution.
you want it to be 50% 50%
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