How to change the sf-button colour fill and text/icon on roll over?

[Sturge08]

Hi

How do I change the sf-button [VIEW ALL PROJECTS] fill colour and icon/text colour when its rolled over?

As you can see from the screenshot the colours atm clearly aren’t working when this button is rolled over.

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

a.sf-button.transparent-light:hover, a.sf-button.transparent-dark:hover {
    color: c
}
a.sf-button.transparent-dark:hover {
    background: #fff !important;
    border-color: important;
}

a.sf-button.transparent-dark:hover i{
color:#ff0000 !important;
}

Thanks
Mohammad

[Sturge08]

Hi Mohammad

That’s really helped and allowed me to change the button’s key line too.

[Mohammad – SUPPORT]

Hi,
You most welcome and glad 🙂 to help you.
Thanks
Mohammad

[Sturge08]

Hi Mohammad

Sorry to resurrect this post, but I’m interested to know how I can change the dividing vertical line’s colour. It stays grey after roll over and i’d like it to match the blue border.

Please refer to my screen grab.

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Add the code below to your custom css option.

.page-id-5 .sf-button.sf-icon-stroke i:hover {
    padding: 16px 14px 9px;
    border-right: 1px solid #004e7d;
}

Let me know if it worked.

-Rui

[Sturge08]

Hi Rui

It didn’t work, have you another idea which I could try?

[Sturge08]

It works when you roll over the vertical line, but I wanted it to work in tandem with the entire button.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

a.sf-button.transparent-dark:hover i {
border-right-color: #004e7d !important;
}

Thanks
Mohammad

[Mohammad – SUPPORT]

Hi,
I am constructing my home so your website portfolio is very helpful to me. You really did great work so far. I like so much.
Thanks
Mohammad

[Sturge08]

Hi Mohammad – that worked a charm – thank you.

Are you building your own house yourself?

[Rui Guerreiro – SUPPORT]

Will forward to Mohammad so he can reply.

-Rui

[Mohammad – SUPPORT]

Hi,
Yes, I am building my home by myself. How to do exterior plaster? Please reply me at [email protected].
Thanks
Mohammad