ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Atelier
• June 28, 2015 at 12:50 pm #189371
  wtflovelife

  Member

  Post count: 113

  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!

  June 29, 2015 at 8:39 am #189556
  David Martin – Support

  Moderator

  Post count: 20834

  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.

  June 29, 2015 at 12:13 pm #189684
  wtflovelife

  Member

  Post count: 113

  This reply has been marked as private.
  June 29, 2015 at 1:08 pm #189720
  David Martin – Support

  Moderator

  Post count: 20834

  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.

  June 29, 2015 at 2:19 pm #189752
  wtflovelife

  Member

  Post count: 113

  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?

  June 29, 2015 at 2:32 pm #189762
  David Martin – Support

  Moderator

  Post count: 20834

  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.

  June 29, 2015 at 4:28 pm #189836
  wtflovelife

  Member

  Post count: 113

  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.
  June 29, 2015 at 4:50 pm #189846
  David Martin – Support

  Moderator

  Post count: 20834

  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.

  June 29, 2015 at 5:11 pm #189854
  wtflovelife

  Member

  Post count: 113

  PERFECT! Thank you!

  June 29, 2015 at 5:59 pm #189880
  David Martin – Support

  Moderator

  Post count: 20834

  No problem. Thanks 🙂

• Back to forum

  Posted in: Atelier