Shopify themes, liquid, logos, and UX
Hi!
I've successfully centered the "Image with text" main text (as well as product prices and prices below), however, I can't find the way to center the Header and Button of the "Image with Text' section 😓
How can I achieve that? Many thanks, guys!
Solved! Go to the solution
This is an accepted solution.
Just past the following Code on the button of the component-image-with-text.css you can find it in the Assets Folder.
@media only screen and (max-width: 749px) {
.image-with-text__text {
margin: 0 auto !important;
text-align: center;
}
@media only screen and (max-width: 749px) {
.image-with-text__heading {
margin: 0 auto !important;
text-align: center;
}
@media only screen and (max-width: 749px) {
.image-with-text__content .button {
margin: 20px auto !important;
text-align: center;
}
@cammunication- can you please share this page link?
This is an accepted solution.
Just past the following Code on the button of the component-image-with-text.css you can find it in the Assets Folder.
@media only screen and (max-width: 749px) {
.image-with-text__text {
margin: 0 auto !important;
text-align: center;
}
@media only screen and (max-width: 749px) {
.image-with-text__heading {
margin: 0 auto !important;
text-align: center;
}
@media only screen and (max-width: 749px) {
.image-with-text__content .button {
margin: 20px auto !important;
text-align: center;
}
Thanks!! That did work. Much appreciated.
Does this still work? Because I did this but nothing changed on my site.
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