How to change the color of Click to Begin button on the header

Hi,
I would like to change the color of the Click to Begin button as transpearent and when mouse to hover, i like it to be different color such as blue, etc.

Could you please advice me how to do it?

Regards, J

Hello J,

You can use the below CSS snippet and insert it into your site’s additional CSS (Appearance > Customize > Additional CSS).


.roll-button.button-slider{
    border-color: transparent;
    background-color: transparent;
}

.roll-button.button-slider:hover{
    border-color: #0934d7;
    background-color: #0934d7;
    color: #fff;
}    


Adjust the hex color code inf only needed. Use this service that might be helpful showing you hex code of the color of your choice.

Regards,
Kharis

Hi Kharis,

This fixed… Thank you so much. Please close my case as resolved.

Regards,

Junko

My pleasure!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

If you don’t mind, could you please rate our Sydney theme here:https://wordpress.org/support/view/theme-reviews/sydney#postform like some of our users did? We would highly appreciate it if you do so.

Regards,
Kharis