Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • August 31, 2017 at 11:50 am #846183
    Tobiy

    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.

    August 31, 2017 at 4:01 pm #846318
    Sarah

    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

    August 31, 2017 at 5:08 pm #846402
    Tobiy

    Hi Sarah,

    please have a look at the private section.

    Best, t

    August 31, 2017 at 6:25 pm #846441
    Sarah

    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

    September 1, 2017 at 12:31 pm #846832
    Tobiy

    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 7 years, 2 months ago by Tobiy.
    September 5, 2017 at 9:26 pm #848332
    Basilis

    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:

    How to Replace Font Awesome Icons with CSS

    and you can learn more basicly based on that.

    Thank you

    Best regards,
    Basilis

    September 6, 2017 at 10:03 am #848513
    Tobiy

    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.

    September 7, 2017 at 10:08 pm #849281
    Basilis

    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

    September 8, 2017 at 4:42 pm #849636
    Tobiy

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

    September 9, 2017 at 8:19 am #849882
    Rikard

    Hi,

    Thanks for sharing your code, much appreciated :-)

    Best regards,
    Rikard

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