Hi all,
After updating Enfold 4.2.2 – 4.2.5, the “contact us” button is no longer center aligning on our website.
Is there a custom CSS I can use temporarily to correct this until an official fix is released?
Regards,
Hey rjhulme,
I see the button is on multiple pages so I tried to make this code work for all of them, but if you find that it interferes with other buttons please add a custom ID for this element so we can target it better. Try this code in the General Styling > Quick CSS field:
.avia-button-wrap.avia-button-center {
display: flex;
justify-content: center;
}
Best regards,
Mike
Thanks Mike, but no joy.
Hi rjhulme,
Here is the code you can put in Enfold > General Styling > Quick Css, if it does not work, put into themes/enfold/css/custom.css
.avia-button-wrap.avia-button-center {
margin: 0 auto;
display: block;
}
If you need further assistance please let us know.
Best regards,
Victoria
Thanks Victoria, but still no joy.
Hey,
Please try flushing cache and disabling CSS minification and check if that helps.
If it does not, please add following code to Quick CSS
.avia-button-center {
display: block!important;
}
Cheers!
Yigit
Looks like it was the cache. Centre alignment seems to be working with:
.avia-button-wrap.avia-button-center {
margin: 0 auto;
display: block;
}
Thanks all for your help!
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike