Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #846183

    Hi there,

    i am using a custom social icons. It worked well, but i don’t get the hover background working.
    what i added to quick css was

    #top #wrap_all .av-social-ICONNAME:hover a{
     background: url(https://ICON-HOVER_URL) no-repeat center center;
        background-size: contain;
    }

    The Hover Background and Text color snippet, which is provided here does not have any effect as well.

    Can you please help me with that. Thank you very much.

    #846318

    Hey Tobiy!

    Just to clarify: you cannot use that CSS code as is. Did you replace the ICONNAME and ICON-HOVER_URL with the values that match your settings?

    Best regards,
    Sarah

    #846402

    Hi Sarah,

    please have a look at the private section.

    Best, t

    #846441

    Hi!

    Thanks for the info. Then your code should be:

    #top #wrap_all .av-social-link-dasauge_ic_grau:hover a{
     background: url(https://ICON-HOVER_URL) no-repeat center center;
        background-size: contain;
    }

    Please make sure to replace http://ICON-HOVER_URL with the image that you wish to use.

    Let us know if you need further help!

    Best regards,
    Sarah

    #846832

    Hi Sarah, thank you! Can you please have a look at this – i am now able to add the hoover icon, but the first icon does not disappear on hovering. How can i solve this?

    • This reply was modified 2 years, 4 months ago by  Tobiy.
    #848332

    Hi,

    Your solution is wrong, I am afraid.
    That is why using a background image does not hide the other one.
    What you need to do is replace the icon ” content ” of the class.
    Please take a look here:

    Here is a sample of what you need to do:

    and you can learn more basicly based on that.

    Thank you

    Best regards,
    Basilis

    #848513

    Hi Basilis, this definitely does not work if your icons are images.
    But this thread can be closed – i found a solution. Thank you very much.

    #849281

    Hi,

    Yeap, it works for images also
    You can replace with an image, I have done it before. Content can be everything!

    Thank you

    Best regards,
    Basilis

    #849636

    I added my code in the private section.
    Best regards, Basilis

    #849882

    Hi,

    Thanks for sharing your code, much appreciated :-)

    Best regards,
    Rikard

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.