Support » Plugin: Multisite Language Switcher » change hover color of the language letters

  • Hello,
    anyone can help me and tell me how I can change that de writting next to the flag is hovering blue if i touch it with the mouse?

    Thank you so much in advance.

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Dennis Ploetner

    (@realloc)

    Do you want it blue when you hover over this link? The CSS is probably (because I cannot see anything but the splash-page on your website) like this:

    `li.msls-menu a:hover {
    color: blue;
    }
    `

    Thank you for your answer.

    Right now i deactivated the splash-page, if you would like to have a look.

    The writing is already hovering blue, i would like to stop that, how can this be done?

    Plugin Author Dennis Ploetner

    (@realloc)

    I would insert something like

    elementor-widget-container a:hover {
        color: #333;
    }

    in the style.css. Does this help you?

    I am really gratefull you are trying to help me, I am very new to the topic of creating a website and woring with CSS comands.

    I tried the comand above, but it does no change. No idea what I am doing wrong.

    Maybe I have to insert the comand at a different place.

    At the moment I inserted it at :

    /*————————————*
    $GENERAL
    *————————————*/
    /* Fix for the tabs under the header in the edit mode */
    .fl-builder-edit #site-header,
    .fl-builder-edit.has-transparent-header #site-header,
    .elementor-editor-active #site-header {
    z-index: 1;
    }

    .fl-builder-edit #main,
    .elementor-editor-active #main {
    z-index: inherit !important;
    }

    /* Fix the height automatically in the custom header style */
    #site-header .elementor-section-wrap {
    height: auto !important;
    }

    /* Fix image alignment with caption issue */
    .elementor-widget-image .elementor-image img {
    display: inline-block;
    }

    elementor-widget-container a:hover {
    color: #333;
    }

    /* Fix carousel next/prev bug in Elementor */
    .elementor-slick-slider .slick-prev,
    .elementor-slick-slider .slick-next {
    height: auto;
    }

    /* Fix background hover color on the photoswipe buttons */
    .pswp__button:hover {
    background-color: transparent;
    }

    /* Fix bug with MotoPress */
    div.motopress-bootstrap-dropdown .dropdown-menu {
    display: block !important;
    position: static !important;

    Plugin Author Dennis Ploetner

    (@realloc)

    Sorry, there is a dot missing:

    .elementor-widget-container a:hover {
        color: #333;
    }
Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.