How to align buttons at the bottom of a Text Column with Icons section

How to align buttons at the bottom of a Text Column with Icons section

RobMoore007
Shopify Partner
196 1 20

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

 

Regards
Rob Moore - NEWBY!!
Replies 8 (8)

developerSP
Pathfinder
85 3 20

Hello @RobMoore007 

Please share me screenshot.

banned

GemPages
Shopify Partner
5625 1262 1279

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
RobMoore007
Shopify Partner
196 1 20

You can see how the black View Range buttons are all at diferent hieghts

 

Screenshot 2022-12-17 at 16.10.42.png

Regards
Rob Moore - NEWBY!!
GemPages
Shopify Partner
5625 1262 1279

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

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
RobMoore007
Shopify Partner
196 1 20

Musfirah
Shopify Partner
44 5 8

Kindly share you store link again, the previous link is expired. 

RobMoore007
Shopify Partner
196 1 20

Musfirah
Shopify Partner
44 5 8

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