Shopify themes, liquid, logos, and UX
Does anyone know how to centre the text on the homepage under the Image & Text section? The title is centred but not the text which I don't understand and looks super funny
Solved! Go to the solution
This is an accepted solution.
Hello @Alexandrafj
If you can't find the setting to center content, let's try this method:
1. Go to the Sales channels > Online Store
2. Click this button (image below) > Edit code of your Current theme
3. Open theme.liquid file > find </head> and add this code above it:
<style>
.image-with-text .image-with-text__content {
text-align: center;
}
</style>
For example,
4. Save it
Hope my recommendation can work and support you!
Kind & Best regards!
GemPages
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community!😊
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
We have checked for this issue in real system and browserstack but it is working ok. In which system configuration or browser you are checking?
I am on safari and have never had an issue on this browser before. I have tried the solution twice and it didn't make any difference.
This is an accepted solution.
Hello @Alexandrafj
If you can't find the setting to center content, let's try this method:
1. Go to the Sales channels > Online Store
2. Click this button (image below) > Edit code of your Current theme
3. Open theme.liquid file > find </head> and add this code above it:
<style>
.image-with-text .image-with-text__content {
text-align: center;
}
</style>
For example,
4. Save it
Hope my recommendation can work and support you!
Kind & Best regards!
GemPages
Perfect, thank you!
Hi @Alexandrafj,
I am glad that my solution is helpful to you 😁.
Hi @ Alexandrafj
This is PageFly - Advanced Page Builder. I would love to give you some recommendations
-Go to Online Store->Theme->Edit code
-Asset-> base.css paste the below code at the bottom of the file.
.image-with-text .image-with-text__text-item >div{
place-content:center !important
}
Hope my solution works perfectly for you!
Best regards,
PageFly
This didn't work unfortunately
Hello @Alexandrafj
I would like to give you some recommendations to support you
Following these steps:
1. Go to the Sales channels > Online Store
2. Click Customize button
3. Scroll to the Image with text section and adjust the Desktop content alignment setting to center
4. Save it
Hope my recommendation can work and support you!
Kind & Best regards!
GemPages
Hi, thanks so much, unfortunately that option isn't there for me. I have attached a pic below as I can 't find the part where I can align the text
As 2024 wraps up, the dropshipping landscape is already shifting towards 2025's trends....
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024In today’s interview, we sat down with @BSS-Commerce to discuss practical strategies f...
By JasonH Nov 13, 2024