Adding button to menu

  • Resolved twgerber

    (@twgerber)


    6 years, 12 months ago

    Per the documentation I am setting the class field to “btn”.

    It works for the main menu but does NOT work when the menu is added to top bar.

    Should it?

    I was expecting it to work no matter the location of the menu – top, main, footer, etc.

    Also which setting affect the btn colors?

    I want to have a border with white background and text same color as the border.

    Then on hover I want to change the background color and the font color of the text in the button

    • This topic was modified 6 years, 12 months ago by twgerber.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Amit Singh

    (@apprimit)

    6 years, 12 months ago

    Hello,

    Please share your site link so that I can check it. To customize it, go to Customize > General Options > Theme Button section.

    Thread Starter twgerber

    (@twgerber)

    6 years, 11 months ago

    http://mirrorstaging.wpengine.com/

    It seems the items that change this button is in:

    Customize -> General Options -> General Styling. When I change the Primary and Primary Hover colors the button changes.

    Theme Button area doesn’t change anything for the “btn” class in menu items.

    In the top bar the “btn” class is set on the phone, my account and cart items.

    In the main menu it’s only set on the My Account item.

    Amit Singh

    (@apprimit)

    6 years, 11 months ago

    Okay, then you need to use the below CSS code to customize it. Edit the code as per your need – 

    #site-navigation-wrap .dropdown-menu >li.btn >a >span {
    background-color: #ec0505;
}
    Thread Starter twgerber

    (@twgerber)

    6 years, 11 months ago

    What should this do? It’s not doing anything.

    To recap –

    1) which settings should affect the “btn” class? Theme button does not seem to.
    2) can I set an outline around the btn?
    3) The btn class does not work in top bar. Should it?

    Amit Singh

    (@apprimit)

    6 years, 11 months ago

    1. you can use class #site-navigation-wrap .dropdown-menu >li.btn >a >span to style the button as per your need. It will not follow the theme button style.
    2. Use the above class to set an outline or border
    3. It is only for the main menu. So you need to add some css code to make it work for the top menu

    Thread Starter twgerber

    (@twgerber)

    6 years, 11 months ago

    Thanks. Will do!

    • This reply was modified 6 years, 11 months ago by twgerber.
    Amit Singh

    (@apprimit)

    6 years, 11 months ago

    You’re welcome!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Adding button to menu’ is closed to new replies.