Button colour

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

Thank you Manoj for help ??

@rweiser
Could you please share a screenshot (https://snag.gy/) of the button you are talking about along with the link to the page?

Thanks,
Taras

Hello,

Sorry Manoj, I do not understand what you mean. The page is https://developpa.io and I want to change the colour of the button “subscribe”

Thank you

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="https://eepurl.com/dhJf9H">Subscribe</a>

Best,
Taras

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

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 6 years, 8 months ago by Taras Dashkevych.

Hello Taras,

That worked! Thank you very much for all the support ??

You are welcome ??