Buttons Broken [Again-Not Resolved from Previous Post]

Support
#1

Previous post: https://theme.co/apex/forum/t/buttons-broken/1757

Still not fixed.

All that did was make buttons span the width of the column.

Can you all please provide support like it was on the old forums with correct solutions? If the issue isn’t understood please ask for clarification.

Thanks.

#2

Hi There,

Please respond to your original thread instead of creating a new one. If you need the button to be underneath the image and centered. Please update the given CSS code to this:

.home a.x-btn {
    display: block;
    max-width: 200px;
    margin: 0 auto;
}

If not, please clarify.

Thanks,

#3

The original thread is locked.

I would have gladly responded to it, but that option wasn’t available to me.

Please understand how your forums work.

I will try this code and hope for the best.

#4

This puts all the other buttons out of place, too.

Is there a deeper issue here?

They shouldn’t be reacting like that in the first place.

#5

Hi There,

Sorry I did not notice you have other buttons on that page, please update the code to this:

.home #x-section-5 a.x-btn {
    display: block;
    max-width: 200px;
    margin: 0 auto;
}

That should specifically target the buttons on the fifth section of the home page.

That is happening in the first place because the image is set to have max-width: 75%; the remaining 25% space on the column is enough for the button to fit in on the left-side of the image.

Thanks,