Buttons in columns

[Jimmmmmer]

Hi There

I have this working on several sites but on this new one I am working it has no effect at all and I wondered if you could take a look or let me know if things have changed using this. I am using an image, heading, text and a button in the column. Thank you.

.flexmethod {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-line-pack: stretch;
align-content: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.x-container:before {
content: normal;
}
.flexmethod .x-column {
position: relative;
padding-bottom: 60px;
}
.flexmethod .x-column {
position: relative;
padding-bottom: 20px;
}

.flexmethod .x-column a.x-anchor.x-anchor-button {
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 25px;
}

[ruenel]

Hello Eileen,

Thanks for writing in!

Are you trying to align the buttons at the bottom of each column? If that is the case, I would highly recommend that you follow the detailed and step by step instructions in this video tutorial:

Please do not forget to check out videos:

• https://www.youtube.com/channel/UCgY5E3tOI83kBEahh9Y3uRg

Subscribe to our channel for more updates, tips and how to videos.

[Jimmmmmer]

Hi Rue

Thanks for that.

One thing that is worrying though - does that mean that when I update all my sites to the latest pro that none of the previously used css to do this will not work and I will have to go in and redo each one?

Kind regards

[christian]

Hey Eileen,

Your code is for the V2 Row or now the Classic Row 2. It will not work for the New Row and Grid. If you wish to still use the V2 Row, choose Classic Row as your Content Layout Element under Preferences.

Hope that helps.