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;
}
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.
User | RANK |
---|---|
136 | |
92 | |
87 | |
61 | |
51 |
Connect your PayPal account to allow your customers to checkout using the PayPal gateway a...
ByYour online store speed can enhance your store’s discoverability, boost conversion rates a...
ByShopping is at our fingertips with mobile devices. Is your theme optimized to be user-frie...
By