Hi,
When i create two buttons in the same layout element the buttons stay in different lines.
I would like to keep to buttons in the same line.
How can I do that using de quick CSS?
Thanks
Hey CloudChoice!
Please add following code to Quick CSS in Enfold theme options under Styling tab
body div .avia-button { float: left; margin-right: 10px; }
Regards,
Yigit
Hi!
Please replace the custom CSS code i posted with following one
.avia-button.avia-size-large { float: left; margin-right: 10px; }
You can only place 2 buttons of that size next to each other inside 1/3 column
Regards,
Yigit
Hi,
Thanks. Now the buttons are in the same line.
But I having a different strange problem. The different icons inside the buttons are affecting the total dimensions resulting in some misalignment!
How can I overlap thi problem?
Hi!
Please add following code to Quick CSS as well
.ph3 .avia-button.avia-size-small, .ph4 .avia-button.avia-size-small {
padding: 38px 42px 38px 60px !important; }
Best regards,
Yigit
Hi,
Now is perfect!
Thank you.