Support ForumDisable hover link on button – Support Forum

Disable hover link on button

webworker — Sun, 06 Dec 2015 18:05:31 +0000

I try to use a button in the header bar. But in this case the button shouldn’t have a hover effect. Currently the icon switch from white to black.

Can I change this just for this button. Here are the shortcode:

[button url=”https://www.artwin.ch/link/” size=”small” color=”color1″ new_window=”no” full_width=”no” align=”left” style=”margin: 4px 10px; !important;” css_class=”orange-infobutton”][icon icon=”icon-info-circle”] Text[/button]

Thanks for your help.

Cheers!

Reply To: Disable hover link on button

IshYoBoy — Mon, 07 Dec 2015 12:33:29 +0000

Hi webworker,

simply add this part of css code into your child theme css or into “Theme Options -> General Options -> Custom CSS” section:

.orange-infobutton:hover span {
    color: #ffffff !important;
}

.orange-infobutton:hover span {

color: #ffffff !important;

}

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Disable hover link on button

webworker — Mon, 07 Dec 2015 21:36:55 +0000

Worked also fine :-). Thanks for your great support.

I made a donation to support you guys! Keep up the good work!

Cheers

Reply To: Disable hover link on button

IshYoBoy — Tue, 08 Dec 2015 08:59:54 +0000

Thank you very much, pal! Glad we could help!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market