Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • October 19, 2015 at 6:37 pm #521123
    mikegrace78

    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

    October 19, 2015 at 10:58 pm #521245
    Basilis

    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

    October 20, 2015 at 12:19 am #521274
    mikegrace78

    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

    October 20, 2015 at 12:28 am #521277
    mikegrace78

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

    October 20, 2015 at 5:26 am #521357
    Dake

    Hey!

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

    Regards,
    Dake

    October 20, 2015 at 5:31 am #521358
    mikegrace78

    For sure.

    October 20, 2015 at 5:59 am #521374
    Dake

    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

    October 20, 2015 at 6:17 am #521379
    mikegrace78

    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.

    October 20, 2015 at 7:42 am #521419
    Dake

    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

    October 20, 2015 at 6:05 pm #521925
    mikegrace78

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

    October 20, 2015 at 7:06 pm #521975
    Dake

    Hi!

    You’re welcome, glad we could help :)

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

    Best regards,
    Dake

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • You must be logged in to reply to this topic.