[alsrdabParticipant]

#11251

Hello
how can I make custom style for the button in the header, like on hover text, background border …

Thanks

[Mostafa YasserModerator]

#11253

Hello alsrdab,

Unfortunately there isn’t any option to change button hover style in the header.It can be done with custom CSS.

Would you please send the page where you want to change the button’s style at ?

Thanks

[alsrdabParticipant]

#11269

This reply has been marked as private.

[Mohamed NabilModerator]

#11271

Yes with custom CSS.
If you need help with that, I can give you the selector if you show me the button in your page.

Thanks

[alsrdabParticipant]

#11274

This reply has been marked as private.

[Mohamed NabilModerator]

#11277

Oki, here you go

.mainHeader .headerButton.style1 a {
    color: white;
    background: #0097a7;
}
.mainHeader .headerButton.style1 a:hover {/*Hover effect color*/
    color: white;
    background: #f26f3f;
}

Feel free to edit/add any css rule to match your need

Hope this helps!