Change color of button

How do I change the color of my button located on the front page? (Sydney Pro 2)


The button colors are follows the Colors settings on the customizer. So, you can change it from Customizer > Colors > General > Primary.

You can also change the button color using this CSS code below:

.home .roll-button {
    background-color: black;
    border-color: black;
    color: white;
.home .roll-button:after {
    background-color: grey;
.home .roll-button.border:hover {
    background-color: black;

Add the code to Customize > Additional CSS.
The code above will work for the frontpage only.


How can I change the colors for the rest of the buttons in this theme?

The code above should change the button colors on the homepage.
Can you share your site URL here and let me know which button still uses the old colors?

I found how to change the color for the rest of the buttons.