Hi there,
please see my screenshot attached. I have added buttons to a page on my site but want to know how I can get them all to be the same size and look uniform, could you advise?
Many thanks,
Hey anyone_officechanges!
Please turn on custom CSS field for ALB elements- http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and edit your buttons and give them a custom class and then add following code to Quick CSS in Enfold theme options under General Styling tab
.your-custom-class { min-height: 150px; }
if that does not help, please post the link to your page.
Regards,
Yigit
Hi Yigit,
I have tried this but it does not work.
Could you sort please?
Hi,
Thanks for providing the login details. However, could you please point out what page the buttons you added are on, so we can help you with the code.
Best regards,
Jordan Powell
Hello,
there are buttons on multiple pages. the ones i’m working on at the moment are on Home Changes page.
but ideally it would be good that when i add buttons on other pages they all behave with the same structure.
thanks.
Hi,
Add the custom class ocl-button to all the buttons you need on the same height then add the following CSS:
.ocl-button .avia-button {
min-height: 150px !important;
}
Best regards,
Jordan Powell
Thank you, thats great