Title: Btn class help in header
Last modified: July 19, 2019

---

# Btn class help in header

 *  Resolved [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/btn-class-help-in-header/)
 * At this page I want to move the Button I have above the menu into the Menu. [https://mirrorstaging.wpengine.com/](https://mirrorstaging.wpengine.com/)
 * I kind of having it working except for the Border and if possible can I get that
   svg icon into the button too?
 * body #site-navigation-wrap .dropdown-menu > li.btn > a > span {
    background-color:#
   fff; color: #B377C6; }
 * I have looked thru this forum’s archives and the other CSS I found didn’t work.
 * Thx for the help!

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

 *  Thread Starter [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/btn-class-help-in-header/#post-11748933)
 * Updated CSS:
 * body #site-navigation-wrap .dropdown-menu > li.btn > a > span {
    background-color:#
   fff; color: #B377C6; border: 2px solid #B377C6; }
 * Works – I have the border I want now.
 * Now to add the icon
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/btn-class-help-in-header/#post-11750003)
 * Hello,
 * To add an icon in the menu, follow the documentation here – [https://docs.oceanwp.org/article/440-how-to-add-an-icon-to-a-menu-item](https://docs.oceanwp.org/article/440-how-to-add-an-icon-to-a-menu-item)
 *  Thread Starter [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/btn-class-help-in-header/#post-11750561)
 * I want to use Icon with the Btn class.
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/btn-class-help-in-header/#post-11753885)
 * Have you followed the above documentation to add the icon? It will work with 
   the btn class.
 *  Thread Starter [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/btn-class-help-in-header/#post-11755774)
 * No I haven’t. I was trying to add the Phone icon to the Telephone number in the
   button class on the site.
 * I will try that.
 *  Thread Starter [twgerber](https://wordpress.org/support/users/twgerber/)
 * (@twgerber)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/btn-class-help-in-header/#post-11755800)
 * That worked. Thx
 *  [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * (@apprimit)
 * [6 years, 10 months ago](https://wordpress.org/support/topic/btn-class-help-in-header/#post-11757789)
 * You’re welcome!

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

The topic ‘Btn class help in header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/oceanwp/4.1.6/screenshot.png)
 * OceanWP
 * [Support Threads](https://wordpress.org/support/theme/oceanwp/)
 * [Active Topics](https://wordpress.org/support/theme/oceanwp/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/oceanwp/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/oceanwp/reviews/)

 * 7 replies
 * 2 participants
 * Last reply from: [Amit Singh](https://wordpress.org/support/users/apprimit/)
 * Last activity: [6 years, 10 months ago](https://wordpress.org/support/topic/btn-class-help-in-header/#post-11757789)
 * Status: resolved