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.
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024