Discuss and resolve questions on Liquid, JavaScript, themes, sales channels, and site speed enhancements.
Hello, I need to align buttons to the bottom of my Text Column with Icons sections.
Can anybody advise on how this might be possible please. Currently my buttons are all in different positions and Id like them all aligned at the bottom.
My preview site is here:
https://z5k5rm54la91hn4g-62159716511.shopifypreview.com
Hello @RobMoore007 ,
It's GemPages support team and glad to support you today.
Could you please share a screenshot of the section that you want to edit? Then I can see and suggest something for you.
Best regards,
GemPages Support Team
You can see how the black View Range buttons are all at diferent hieghts
Hello @RobMoore007 ,
I can't find the page that has the section such as in your screenshot.
Could you please share the URL of the page?
Best regards,
GemPages Support Team
https://z5k5rm54la91hn4g-62159716511.shopifypreview.com/pages/buying-guides-washing-machines
Kindly share you store link again, the previous link is expired.
Hi @RobMoore007 , You will need to do some changing in your css.
1- Add position: relative to the card class
.icon-with-text-column__column.has-gutter.column.has-padding.one-third.text-align-center.medium-down--one-whole
{
position: relative;
}
2- Add the following css to the button class of your card
.icon-column__action.has-padding-top
{
position: absolute;
bottom: 20px;
right: 0;
left: 0;
}
Kindly Accept the solution, if this solves your problem. Thank you
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025