Title: Button colour
Last modified: March 7, 2018

---

# Button colour

 *  Resolved [rweiser](https://wordpress.org/support/users/rweiser/)
 * (@rweiser)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/button-colour-7/)
 * How can I change the colour of just one button?
 * Thank you
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fbutton-colour-7%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [TUT Support](https://wordpress.org/support/users/phpexpert21/)
 * (@phpexpert21)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/button-colour-7/#post-10048244)
 * Hello rweiser,
 * You did not mention, which button color you want to be changed. The color you
   need to be change the structor of the button a bit assign id or class as per 
   the need.
 * That help you to change the button color.
 * I hope the above was helpful.
 * Kind regards,
 * Manoj
 *  Theme Author [Taras Dashkevych](https://wordpress.org/support/users/taskotr/)
 * (@taskotr)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/button-colour-7/#post-10050706)
 * Thank you Manoj for help 🙂
 * [@rweiser](https://wordpress.org/support/users/rweiser/)
    Could you please share
   a screenshot ([https://snag.gy/](https://snag.gy/)) of the button you are talking
   about along with the link to the page?
 * Thanks,
    Taras
 *  Thread Starter [rweiser](https://wordpress.org/support/users/rweiser/)
 * (@rweiser)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/button-colour-7/#post-10051409)
 * Hello,
 * Sorry Manoj, I do not understand what you mean. The page is [https://developpa.io](https://developpa.io)
   and I want to change the colour of the button “subscribe”
 * Thank you
 *  Theme Author [Taras Dashkevych](https://wordpress.org/support/users/taskotr/)
 * (@taskotr)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/button-colour-7/#post-10054997)
 * To change a background color for that specific button please create additional
   class and add it to the button. For example, you can create **subscribe-button**
   class. Then use this custom CSS:
 *     ```
       #content .jumbotron-header .button.subscribe-button {
         background: #000000;
         color: #ffffff;
       }
   
       #content .jumbotron-header .button.subscribe-button:hover {
         background: #ffffff;
         color: #000000;
       }
       ```
   
 * The final HTML of your button should look like this:
 *     ```
       <a class="button subscribe-button" href="http://eepurl.com/dhJf9H">Subscribe</a>
       ```
   
 * Best,
    Taras
 *  Thread Starter [rweiser](https://wordpress.org/support/users/rweiser/)
 * (@rweiser)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/button-colour-7/#post-10055521)
 * Hello Taras,
 * Thanks for your detailed description. I am new to web page building so I do not
   know where to create this class. Do I have to edit the theme file and add some
   code? If so, in what line? How do I create the class?
 * Thanks for your help
 *  Theme Author [Taras Dashkevych](https://wordpress.org/support/users/taskotr/)
 * (@taskotr)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/button-colour-7/#post-10059156)
 * Let’s try an alternative solution without adding any custom classes. Please just
   add this custom CSS:
 *     ```
       .home #content .jumbotron-header .entry-content a.button:nth-of-type(2) {
         background: #000000;
         color: #ffffff;
       }
   
       .home #content .jumbotron-header .entry-content a.button:nth-of-type(2):hover {
         background: #ffffff;
         color: #000000;
       }
       ```
   
 * This custom CSS will change the color of the second button in your Hero section.
 * Hope this helps.
 * Best,
    Taras
    -  This reply was modified 8 years, 3 months ago by [Taras Dashkevych](https://wordpress.org/support/users/taskotr/).
 *  Thread Starter [rweiser](https://wordpress.org/support/users/rweiser/)
 * (@rweiser)
 * [8 years, 3 months ago](https://wordpress.org/support/topic/button-colour-7/#post-10063544)
 * Hello Taras,
 * That worked! Thank you very much for all the support 🙂
 *  Theme Author [Taras Dashkevych](https://wordpress.org/support/users/taskotr/)
 * (@taskotr)
 * [8 years, 2 months ago](https://wordpress.org/support/topic/button-colour-7/#post-10067857)
 * You are welcome 🙂

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

The topic ‘Button colour’ is closed to new replies.

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

 * 8 replies
 * 3 participants
 * Last reply from: [Taras Dashkevych](https://wordpress.org/support/users/taskotr/)
 * Last activity: [8 years, 2 months ago](https://wordpress.org/support/topic/button-colour-7/#post-10067857)
 * Status: resolved