Title: Button CSS Last modified: September 5, 2018 --- # Button CSS * [nichere](https://wordpress.org/support/users/nichere/) * (@nichere) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/) * The green button in the menu. How do i change the font colour please ? I always struggle to locate the correct CSS when i do an inspection. Many Thanks * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbutton-css-6%2F%3Foutput_format%3Dmd&locale=en_US) to see the link]_ Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/button-css-6/page/2/?output_format=md) [→](https://wordpress.org/support/topic/button-css-6/page/2/?output_format=md) * [Rajeeb Banstola](https://wordpress.org/support/users/rajeebthegreat/) * (@rajeebthegreat) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10661538) * Please go to Customizer – General Options – Theme Buttons – Background Color and change color there. * Thread Starter [nichere](https://wordpress.org/support/users/nichere/) * (@nichere) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662011) * Thanks, but that only changes the colour of the button. I want to change the colour of the text inside the button. “font colour” * [Amit Singh](https://wordpress.org/support/users/apprimit/) * (@apprimit) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662038) * Top Button (consultation & Quote) – You need to go customize > header > menu and change the color from here. Also, check settings for drop-down color on the same panel. * The button on Page (Read it more) – go to customize > general options > theme button and change the color from here. (but it will not work if you have done Elementor settings). * GO to Edit with Elementor of that page and click on the button you want to style. Now style your button as per your need. * Thread Starter [nichere](https://wordpress.org/support/users/nichere/) * (@nichere) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662063) * Thanks a lot Amit. * [Amit Singh](https://wordpress.org/support/users/apprimit/) * (@apprimit) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662069) * you also control color from the above place. * Thread Starter [nichere](https://wordpress.org/support/users/nichere/) * (@nichere) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662182) * But that doesn not enable to change the text inside the box, unless you can be more specific customize > header > menu > ? * [Amit Singh](https://wordpress.org/support/users/apprimit/) * (@apprimit) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662208) * Your page has two buttons. * button 1 – consultation & quotes – which color do you want to set? Currently, it is black and the hover color is white. * button 2 – Find out more – currently it is black and the hover color is black also. * Let me know which color do you want to set and for which button? * Thread Starter [nichere](https://wordpress.org/support/users/nichere/) * (@nichere) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662426) * button 1 – i want both text colors the same * I worked out the CSS #site-navigation-wrap .dropdown-menu>li.btn>a>span * but i cannot work out the css for the hover text * button 2 i can do that thank you * [Amit Singh](https://wordpress.org/support/users/apprimit/) * (@apprimit) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662436) * #site-navigation-wrap .dropdown-menu>li.btn>a>span, #site-navigation-wrap .dropdown- menu>li.btn>a>span:hover { color: #fff; } * try this one. * [Amit Singh](https://wordpress.org/support/users/apprimit/) * (@apprimit) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662446) * Alternatively, you can do it by * customize > header > menu and find “DROPDOWNS STYLING”. change the link color and hover link color. * Thread Starter [nichere](https://wordpress.org/support/users/nichere/) * (@nichere) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662517) * Thanks Amit, but Both of those options don’t work. * The text inside the button won’t change color when hovering…I can change the text color but not when hovering * [Amit Singh](https://wordpress.org/support/users/apprimit/) * (@apprimit) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10662562) * For Text Color – #site-navigation-wrap .dropdown-menu>li.btn>a>span { color:# fff; } * For Text Color – when hovering #site-navigation-wrap .dropdown-menu>li.btn>a >span:hover { color: #e02929; } * Thread Starter [nichere](https://wordpress.org/support/users/nichere/) * (@nichere) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10665505) * Thank Amit, thank kind of worked but i am still getting this white text color appear also. Do you know what that is ? * Thread Starter [nichere](https://wordpress.org/support/users/nichere/) * (@nichere) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10665518) * m - This reply was modified 7 years, 8 months ago by [nichere](https://wordpress.org/support/users/nichere/). * [Amit Singh](https://wordpress.org/support/users/apprimit/) * (@apprimit) * [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/#post-10665564) * Change the color in CSS code. Please elaborate which color do you want before and after hover? Viewing 15 replies - 1 through 15 (of 18 total) 1 [2](https://wordpress.org/support/topic/button-css-6/page/2/?output_format=md) [→](https://wordpress.org/support/topic/button-css-6/page/2/?output_format=md) The topic ‘Button CSS’ 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/) ## Tags * [button css](https://wordpress.org/support/topic-tag/button-css/) * 18 replies * 3 participants * Last reply from: [nichere](https://wordpress.org/support/users/nichere/) * Last activity: [7 years, 8 months ago](https://wordpress.org/support/topic/button-css-6/page/2/#post-10666090) * Status: not resolved