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="http://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
Hello Taras,
That worked! Thank you very much for all the support 🙂
