Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • January 4, 2018 at 6:59 pm #893335
    Granis

    Hi guys.

    On my website I want to use the standard button in the menu. I have added the page where I have some buttons in the private content. That button I would like to have on the “Actie” menu item.

    Thanks.

    January 5, 2018 at 7:22 am #893578
    Rikard

    Hey Granis,

    Did you try setting the menu item in question to Button in the Menu Style option under Appearance->Menus?

    Best regards,
    Rikard

    January 5, 2018 at 10:44 am #893660
    Granis

    Oh thanks, that does the trick! Now only, how do I change the color? :)

    Thanks :)

    January 5, 2018 at 10:48 am #893663
    Rikard

    Hi,

    Great, if you want to change the colour then you need some custom CSS. I had a look at your site but I couldn’t see the menu item as a button, did you change it back maybe?

    Best regards,
    Rikard

    January 5, 2018 at 10:53 am #893665
    Granis

    No I didnt change it back. Maybe refreshing the page helps? I will leave it like this till you respond.

    January 5, 2018 at 8:04 pm #893826
    Granis

    Oh and btw it would be great if you can also provide the css that will also display this menu as a button in the burger menu aswell. :) Cheers!

    January 6, 2018 at 4:25 pm #894113
    Victoria

    Hi Granis,

    Which of the buttons do you need to change? You need to add that as a menu item and then we can help you style it.

    Best regards,
    Victoria

    January 6, 2018 at 4:28 pm #894115
    Granis

    Hey Victoria,

    I dont need to change those buttons. I want to change the text Actie in the burger menu to a button.

    Thanks.

    January 7, 2018 at 8:24 pm #894457
    Victoria

    Hi Granis,

    Here is the code you can put in Enfold > General Styling > Quick Css,  if it does not work, put into themes/enfold/css/custom.css

    
#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li:last-child a {
  background-color: #e4d9d9;
  border: 1px solid #c1bcbc30;
  border-radius: 5px;
}

#top #wrap_all .av-burger-overlay .av-burger-overlay-scroll #av-burger-menu-ul li.av-width-submenu.av-active-burger-items a {
  background-color: #fff;
  border: none;
}

    If you need further assistance please let us know.

    Best regards,
    Victoria

    August 18, 2018 at 5:00 am #998623
    s29ers

    Hi, I have a similar question. I added a button in my main menu, and the button style is “bordered”. I need to change it to coloured; however, that uses the default colours of white on red. I want to use a different background colour for this button only. How do I do that? Also, if I need, how do I change its font colour? Please see the section below for more details. Thanks

    August 18, 2018 at 12:57 pm #998697
    Rikard

    Hi s29ers,

    Please try the following in Quick CSS under Enfold->General Styling:

    #menu-item-5955 .avia-menu-text {
    background-color: red;
    color: yellow;
}

    Best regards,
    Rikard

    August 21, 2018 at 1:45 am #999649
    s29ers

    Thanks, but the button border is being set to the font colour. How to set the border the same colour as the background and maintain any radius?

    August 21, 2018 at 7:12 am #999677
    Rikard

    Hi,

    Please try this instead:

    #menu-item-5955 .avia-menu-text {
    background-color: red;
    color: yellow;
    border: 2px solid green;
    border-radius: 2px;
}

    Best regards,
    Rikard

    August 21, 2018 at 8:02 pm #999984
    s29ers

    Thanks, that works. I was trying border-color and it was not. But didn’t realize only needs border.

    August 21, 2018 at 8:07 pm #999987
    Jordan Shannon

    Hi,

    I’m glad you got this resolved. If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘Button in menu’ is closed to new replies.