Hi @ianmullins!
To change the button colors, you’ll need to add some custom CSS to restyle them.
Make sure Jetpacks Custom CSS module is active. Then under Appearnce > Edit CSS, you can change the colors.
Buttons in the top, ‘Hero’ section of the home page:
.hero a.button {
background: #fff;
color: #242424;
}
.hero a.button:hover, .hero a.button:focus, .hero a.button:active {
background: #242424;
border-color: #242424;
color: #fff;
}
Read More links and other buttons:
a.button, .featured-page .more-link {
background: #e74f4e;
}
a.button {
border: 2px solid #e74f4e;
}
Those styles are all using the default colors – swap them out for your own and you should be good to go ??