Okay
  Public Ticket #2219436
How to remove underline on hover on links in Bifrost theme
Closed

Comments

  •  1
    acidoverride started the conversation

    This is prob something really simple but I cant find the setting of relevant CSS anywhere?!?!

  •  675
    Neuron replied

    Hi,

    The links shadow can be disabled by adding the following style in Appearance > Customize > Additional CSS.

    .elementor a:hover, 
    .elementor a.active,
    body a:not(button):hover {
        -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 1px 0 #000;
        box-shadow: inset 0 0 0 rgba(0,0,0,0), 0 1px 0 #000;
    }

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •  1
    acidoverride replied

    This didnt work. I dont think it's a shadow, and I dont think its an underline controlled by text-decoration either. Maybe a border-bottom?

  •  675
    Neuron replied

    Oops, I've sent you the CSS not to remove but to override them.

    a:not(button):hover, a:not(button).active {
        box-shadow: none !important;
    }

    Try this one and let me know if it works.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •  1
    acidoverride replied

    Ahh yeah that's done it for most links but the main nav still has the underline?

  •  675
    Neuron replied

    Really? Okay here's the Custom CSS for that, maybe there is an !important value which doesn't let the main menu selector override properly.

    ul.menu li.menu-item>a:hover,
    ul.menu li.current-menu-item>a{
        box-shadow: none !important;
    }
    

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •  1
    acidoverride replied

    Still no luck! I've managed to narrow it down to this bit of CSS....

    .elementor-26950 .elementor-element.elementor-element-5ee822b .m-nav-menu--horizontal ul > li:hover > a:not(.menu-item-icon) {

        color: #377ba3 !important;
        -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #377ba3 !important;
        box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 1px 0 #377ba3 !important;

    }

    Only thing is whatever I do in the custom CSS it always finds another instance of it to fall back on.


  •  675
    Neuron replied

    Hi,

    Do you want to remove the underline or to add another one? Please let me know what you want to do and provide me here with your wp-admin, make sure to tick private. I will explain the process.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •   acidoverride replied privately
  •  675
    Neuron replied

    Hi,

    I am very sorry for the late reply, we were not working on the weekend.

    I have removed the underline in the menu.

    Feel free to ask for anything you need.

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.

  •  1
    acidoverride replied

    Thats brilliant, thankyou.

  •  675
    Neuron replied

    Good to know, feel free to ask for anything you needsmile.png

    Kind Regards


    Subscribe to our newsletter to get the latest updates about NeuronThemes and join our community Facebook Group.