Docs

[SkeeterHarris]

Hi,

I am using the promo box on my site and have varying content in each box but want the boxes to line up so I am setting a minimum height which solves that problem but then my buttons move around on me. Is there a way to provide some type of anchor formatting to the button to make it stay say within 5 pixels of the bottom of the box?

The code I am using to control the overal box is this:
.x-promo-content {
min-height: 590px;
}

Then to space the buttons so they line up I am using this short code in each box – [gap size=”6.0em”]

Attached is a sample image but is there a better way to manage this?

The site can be found here – http://4be.58d.myftpupload.com/

[SkeeterHarris]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (min-width:767px){
.x-promo-content a.x-btn.x-btn-rounded.x-btn-regular {
    position: absolute;
    bottom: 28px;
    margin: 0 5%;
    display: block;
    float: none;
}
}

Hope that helps.

[SkeeterHarris]

Hi Christopher – I tweaked it just a bit in terms of where the buttons landed but it was perfect! Thank you!

Skeeter

[Nico]

Happy to hear that.

Feel free to ask us again.

Thanks.

[Author]

Posts