Change stroke to fill button colors

[morruu]

Hi,

How can I change the colors of the “stroke to fill” button?

I would like the buttons fill color to be transparent with a blue border and blue text color (#0222A7).

The fill color should then change on hover to blue (#0222A7) and the text color to white (#ffffff).

I have attached a screenshot.

Best regards
Morten

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

a.sf-button:hover{
    color: #0222A7 !important;
    background: #fff !important;
}

Thanks
Mohammad

[morruu]

Thank you for your reply.

I have added this custom css code, but I can’t get the hover effect to work.

/* Changes color on fill to stroke button */

.sf-button.stroke-to-fill.large.custombutton {
background-color: #fff!important;
color: #0222A7!important;
border: 2px solid #0222A7!important;
}

/* Changes color on fill to stroke button on hover */

.sf-button.stroke-to-fill.large.custombutton:hover {
color: #fff!important;
background-color: #0222A7!important;
border: 2px solid #fff!important;
}

I’m sure you can help me.

Best regards
Morten

[morruu]

It’s working now. It was a cache problem.

Thanks again.

Best regards
Morten

[Mohammad – SUPPORT]

Hi,
Just use this code:-

.custombutton:hover {
    color: #fff!important;
    background-color: #0222A7!important;
    border: 2px solid #fff!important;
}

Thanks
Mohammad