Menu Button style colors

[wtflovelife]

Hi! How do you change the color of the “button” option on the menu? I think somehow the default is black on my site – and would love to change that – even if it’s in custom CSS> THanks!

[David Martin – Support]

Hey!

Could you please supply a WP login credential for us and post a link to your page in question for us to investigate?

Thanks.

[wtflovelife]

This reply has been marked as private.

[David Martin – Support]

Hey,

You can choose from any of these colors but switching the shortcode color option. http://swiftideas.com/elements/buttons-social-icons/

[sf_button colour="accent" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" extraclass="ml0"]ACCENT BUTTON[/sf_button]

[sf_button colour="blue" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" extraclass="ml0"]BLUE BUTTON[/sf_button]

[sf_button colour="turquoise" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" extraclass="ml0"]TURQUOISE BUTTON[/sf_button]

[sf_button colour="green" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" extraclass="ml0"]GREEN BUTTON[/sf_button]

[sf_button colour="pink" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" extraclass="ml0"]PINK BUTTON[/sf_button]

[sf_button colour="orange" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" extraclass="ml0"]ORANGE BUTTON[/sf_button]

[sf_button colour="gold" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" extraclass="ml0"]GOLD BUTTON[/sf_button]

[sf_button colour="grey" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" extraclass="ml0"]GREY BUTTON[/sf_button]

[sf_button colour="lightgrey" type="standard" size="standard" link="http://" target="_self" icon="" dropshadow="no" extraclass="ml0"]LIGHT GREY BUTTON[/sf_button]

Let me know how you get on.

Thanks.

[wtflovelife]

Hi! thanks – but I’m a little confused. I made the menu icon a “button” by clicking the “BUTTON STYLE MENU” checkbox under appearance –> menus. It wasn’t a shortcode. am I missing something?

[David Martin – Support]

Hi,

I think I actually misunderstood you 🙂 I thought you meant the button on the slider!

Are you referring to the menu ‘Proceed to checkout’ button? If not, could you add a screenshot illustrating the button?

Thanks,
David.

[wtflovelife]

Hi! No. in the navigation. The menu item that says “Find us” It has a black background…because I chose “BUTTON STYLE MENU” in the menu options. But I don’t want the background to be black….screen shot attached. THANK YOU

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

Got it 😉

Use this CSS and amend the color code:

nav ul.menu > li.menu-item.sf-menu-item-btn > a {
  background-color: #FC6060;
}

Thanks,
David.

[wtflovelife]

PERFECT! Thank you!

[David Martin – Support]

No problem. Thanks 🙂