Shopify themes, liquid, logos, and UX
I'm trying to center the product title and pricing details beneath the Featured Products and Collection pages. I've tried as suggested to insert this code on the component-image-with-text.css file under Assets, but nothing happens:
@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; }
Any ideas? Thank you!
Solved! Go to the solution
This is an accepted solution.
@Soukcouture, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
[class*='collection'] .card-information__wrapper{
text-align: center !important;
}
[class*='collection'] [class*='card-information'] .price{
align-items: center !important;
justify-content: center !important;
}
Kind regards,
Diego
This is an accepted solution.
@Soukcouture, do this to fix it in 20 seconds:
1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:
[class*='collection'] .card-information__wrapper{
text-align: center !important;
}
[class*='collection'] [class*='card-information'] .price{
align-items: center !important;
justify-content: center !important;
}
Kind regards,
Diego
Amazing! Thank you so much for your fast help!!
How come this isn't working with the new version of this DAWN theme? Can you help me here? The Price is aligned but the product card title isn't.
https://themes.shopify.com/themes/dawn/styles/default/preview
User | RANK |
---|---|
71 | |
66 | |
65 | |
53 | |
46 |
We're excited to announce improvements to the threaded messaging experience in our communi...
By TyW May 31, 2023Thank you to everyone who participated in our AMA with Klaviyo. It was great to see so man...
By Jacqui May 30, 2023Photo by Marco Verch Sales channels on Shopify are various platforms where you can sell...
By Ollie May 25, 2023