Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • July 29, 2015 at 7:45 am #480051
    Byrne

    Hi There,

    I am trying to center four buttons within a row. Here is the css I have tried:
    .avia-button-center {
    display: inline;
    margin: 0 auto;
    padding: 0 10px;
    }

    Picture of buttons so far.
    https://dl.dropboxusercontent.com/u/43825281/dish%20buttons.JPG

    Cheers

    • This topic was modified 8 years, 9 months ago by Byrne.
    July 29, 2015 at 11:52 am #480133
    Byrne

    Hi there

    I have added the buttons to a full width column and added padding to the left and right, this looks fine on desktop but when viewed on a mobile or tablet the buttons stack on top of each other despite having plenty of space. Is there a better way rather than using padding.

    custom css:
    .avia-button-center {
    display: inline !important;
    padding: 0 5px !important;
    }

    https://dl.dropboxusercontent.com/u/43825281/dish%20buttons%202.JPG

    I can’t send login details, the site domain has not been redirected.

    Cheers

    • This reply was modified 8 years, 9 months ago by Byrne.
    July 30, 2015 at 9:14 am #480562
    Rikard

    Hi,

    Could you provide us with a link to the site in question so that we can take a closer look please?

    Regards,
    Rikard

    August 4, 2015 at 11:13 am #482610
    Byrne

    Hi there,

    I have used the Layer Slider for the time being, once the site is live I will come back and try again.

    Thanks Jane.

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Buttons centred within a row’ is closed to new replies.