Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #168109

    Buttons are automatically put on a new line, but I’m trying to add several buttons that are on the same line with maybe only 5px in between. I thought it should be set to display:inline; but it’s already set to that. How can I achieve this, please?

    Please note, I don’t want to add them in a separate column as the column margin is too big.


    Buttons are wrapped in an avia-button-left (or center or right) div. This div is set to display:block, which pushes the next element to the next line.

    You can have inline buttons by setting the display of this div to inline:

    .avia-button-center {
       display: inline;
       padding: 0 5px;

    This should display the buttons nicely next to each other, with 10px space inbetween.

    Hope it helps!

    • This reply was modified 7 years, 7 months ago by  simonswiss.

    Perfect! Thank you very much for the help.

Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘Enfold buttons next to each other (within same columns)’ is closed to new replies.