Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • May 3, 2018 at 7:03 pm #951012
    newki75

    Hello,

    On my site, I’d like to change the link color of the button (Layerslider WP). I’ve managed to change the background color and the border but not the text.
    I’ve tried several CSS, even adding a specific span.
    Could u help me please ? (credentials below – slider button in first element of my homepage)
    Tx guys !!!

    May 4, 2018 at 12:38 pm #951595
    Victoria

    Hey newki75,

    What is the code you’re using? The span with text is outside of the link.
    Image 2018-05-04 at 18.37.40.png

    Best regards,
    Victoria

    May 4, 2018 at 1:21 pm #951630
    newki75

    I’ve removed everything, but I’ve tried this method : https://kriesi.at/support/topic/change-colour-on-hover-in-layer-slider-buttons/

    Tx for your help

    May 4, 2018 at 5:40 pm #951791
    newki75

    I become crazy, I’ve tried so many things… Can anybody help?
    Tx guys

    May 5, 2018 at 8:04 am #952050
    Rikard

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    a.ls-layer-link:hover {
  background-color:green !important;
}

    Best regards,
    Rikard

    May 7, 2018 at 10:21 am #952568
    newki75

    Hey Rikard,
    It’s OK for the background, but my text in the button is still white in hover (so not visible), even if I’ve added 

    a.ls-layer-link:hover {
  color:#432b1f !important;
}

    What can I do to change the text color while hover?
    Tx and have a nice day
    Marine

    May 8, 2018 at 6:23 am #953122
    Victoria

    Hi Marine,

    You need to have the hover not on the link but on the button, on the layer parent div element, then you will be able to control the text color on hover.
    Image 2018-05-08 at 12.21.35.png

    The text is not inside the link that you’re trying to address.

    Best regards,
    Victoria

    May 8, 2018 at 9:34 am #953257
    newki75

    Ok Victoria but could you tell me which CSS I should add please, I don’t manage to do it by myself.
    I’ve tried to add the class btn-slider with a span to my layer text. I manage to change to text color by default but not the hover one.

    .btn-slider {
color: #432b1f !important;
}

    Could you help me please?
    Txxxxx

    May 9, 2018 at 3:41 pm #953989
    Victoria

    Hi Marine,

    The way I see it here, the css will not do it here, it needs to be JavaScript.

    If you need further assistance please let us know.
    Best regards,
    Victoria

    May 24, 2018 at 11:55 am #961472
    4EPIU

    I did it.
    It works for me.

    #layerslider_2 > div.ls-inner > div > div:nth-child(3):hover{background-color: #e94446 !important;}

    #layerslider_2 > div.ls-inner > div > div:nth-child(3) > span{color: #fff !important;}

    May 24, 2018 at 4:14 pm #961629
    Vinay

    Hi,

    Thank you for sharing your solution.


    @newki75     I see the button background and the text color both change on hover to a light background and dark text.

    Please clarify if you need any further help or we can close this ticket :)

    Best regards,
    Vinay

    May 24, 2018 at 4:51 pm #961684
    newki75

    It’s OK for me now, you can close the issue sorry :-)
    Tx guys !

    May 27, 2018 at 1:00 pm #962704
    Victoria

    Hi newki75,

    Glad you got it working for you! :)

    If you need further assistance please let us know.

    Best regards,
    Victoria

  • Author
    Posts
Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.