How to properly Center button?

apostagratis

Hi, I have the button defined to be appearing in the bottom center on the screen, however it's showing way out of the center, horizontally it's showing on the right side, how can I properly center this?

apostagratis

EDIT: I mean it's showing horizontally on the left side of the screen, not on the right. 🙂

James

Hi apostagratis ,

Thanks for reaching out to us and letting us know about this issue!

We are currently looking into this and how we can fix it but as a temporary solution, you can maybe use this custom CSS.

.buttonizer.buttonizer-group {
    transform: translate(50%) !important;
    right: 50% !important;
}
.buttonizer.buttonizer-group[class*=buttonizer-hidden] {
    transform: translate(50%, 50px) !important;
}

Please let me know if this works for you! 😄

apostagratis

Hi there,

This should be applied on the source code of my style.css theme files?

James

WordPress has a built in custom CSS editor that you can use to add this.

From you WordPress admin dashboard, go to Themes -> Customize -> Additional CSS.
You can then copy and paste the custom CSS above.
https://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/#custom-css-theme-customizer

Please let me know if you were able to try out the custom CSS.

apostagratis

Thanks its working!