Shopify themes, liquid, logos, and UX
I would like some assistance in getting the text in my featured product section to align vertically in the middle of the box. It aligns to the top, which looks a bit janky given the size of the image. Any assistance would be appreciated.
Solved! Go to the solution
This is an accepted solution.
Hey @calmstrips,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.product__info-wrapper.grid__item {
display: flex !important;
align-items: center !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
This is an accepted solution.
Hey @calmstrips,
Go to your theme's "Edit Code" Option, then in the search bar type "theme.liquid"
Below the tag "<head>" tag paste the following. Screenshot attached for reference.
<style>
.product__info-wrapper.grid__item {
display: flex !important;
align-items: center !important;
}
</style>
Screenshot is for reference only, the correct code to paste is the one shown above.
the text alignment issue in your featured product section could be fixed with a bit of CSS. You can try applying display: flex and align-items: center to the container of the text, which should center it vertically in relation to the image. Adjusting the padding or margins might also help achieve the desired look. Hopefully, this gets everything looking more balanced!
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