section button alignment

Hey robertscott!

To center the buttons we have added the below css

/* Button alignment */
.btn-group{
display:flex;
   justify-content: center;
}
.btn {
margin: 0 10px;
  max-width:350px!important;
  min-width:300px!important;
}
.avia-button-center{
display:inline-block!important;
}
@media only screen and (max-width:768px) {
.btn-group{
display:inline-block!important;
text-align:center;
}
.btn {
margin: 10px 0;
}
}

And made small modification to the way the buttons are structured in advanced layout builder.

We enabled custom css classname support and added the classname .btn for the buttons and .btn-group to the 1/1 row which contains the buttons.

Regards,
Vinay

Hi,

Please feel free to test it, that’s how you get to make new things :)

Just noticed you added .btn as class name please remove the . while adding classname and it should work fine.

To increase the gap between the buttons increase the margin value in the css code

.btn {
margin: 10px 0;
}

Let me know if you have any questions, Happy to help :)

Best regards,
Vinay

Hi,

I checked all the pages did not find any section with 2 buttons on aligned to left. If you have not figured this one please feel free to share the precise link with the heading name to look for under.

The buttons need to be in a 1/1 row with class name “btn-group” and the button alignment should be center in the edit options.

Check and confirm the above as always we are happy to help :)

Best regards,
Vinay

Hi,

That’s great! and glad we could help :)

Thank you for using Enfold.

Best regards,
Vinay