Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #521123

    Hi guys,

    Here’s a fun one for you. I’ve checked back in the support archives and found a method to create inline buttons.

    https://kriesi.at/support/topic/enfold-buttons-next-to-each-other-within-same-columns/

    I applied this method and it has worked great. Only thing is, I would like these buttons to be centred within a Layout Section that is also centred on the page.
    http://www.portrenfrewbeachhouse.com/home/accommodation/

    The buttons are currently aligned ‘left’. Is there any way to align center?

    Many thanks in advance.

    -Mike

    #521245

    Hey mikegrace78!

    Try a custom CSS method and add the following CSS into it

    
    .centerbutton { margin: 0 auto; }
    

    let me knwo if that is what you need to do.

    Best regards,
    Basilis

    #521274

    Hi Basilis,

    I apologize, I’m not too sure what a custom CSS method entails. I did add your snippet to quickcss and it didn’t change anything.
    Sorry, any further elaboration on the method would be awesome.

    Mike

    #521277

    Also added this snippet to the custom.css and it didn’t change anything.

    #521357

    Hey!

    May we have temporary admin access to your website so we can take a closer look?

    Regards,
    Dake

    #521358

    For sure.

    #521374

    Hey!

    Your inline button menu has been centered with the below css:

    #top .avia-button.avia-color-light {
        right: -55px !important;
    }

    This is a work around so if any buttons are added or removed, the right value will need to be adjusted.

    Cheers!
    Dake

    #521379

    Hey!

    Thanks for checking into that!! Great service. Just curious – can you have a look at this page:

    http://www.portrenfrewbeachhouse.com/home/bookings/

    and see what’s up with the dark transparent coloured button?

    I was planning to color the current page button as dark transparent to denote that the user was on that page.

    #521419

    Hey!

    I applied the a similiar css class to the dark transparent buttons as well:

    #top .avia-button.avia-color-dark {
        right: -54px !important;
    }

    Cheers!
    Dake

    #521925

    Dake – many thanks for your fast responses and helpful service!!

    #521975

    Hi!

    You’re welcome, glad we could help :)

    Please let us know if you ever need any help in the future.

    Best regards,
    Dake

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

You must be logged in to reply to this topic.