Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • September 30, 2013 at 1:45 pm #168109
    DavyE

    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.

    September 30, 2013 at 2:11 pm #168114
    simonswiss

    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 11 years, 1 month ago by simonswiss.
    September 30, 2013 at 2:25 pm #168126
    DavyE

    Perfect! Thank you very much for the help.

  • Author
    Posts
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.