Custom image in Social menu

  • Hi! I tried to add a custom image in social menu, but.. i am not a programmer, so the result was….without success ??

    i was trying adjust “style.css”

    I tried to add:

    .social a[href*=”link”]:before {
    content:block; height:24px; width:24px; padding:0px; margin-left:6px; outline:none; text-indent:-9999px;
    background-image:url(‘ger.png’); background-position:0 0;
    }
    .social a[href*=”link”] a:hover { background-position:0 -24px;

    So the result was blue round in social menu and light brown round with mouse over, but without image..

    I am at a loss… ??
    Can you help me?

Viewing 1 replies (of 1 total)
  • Theme Author Shaped Pixels

    (@shaped-pixels)

    so the only thing wrong is the image is missing?

    Regarding your image path, this post might help. Basically try background instead of background-image.

    This will of course depend on where your image is located.

    As a side note, I hope you are not editing the theme’s style.css for this? If so, whenever there is an update to Longevity, you will lose your custom changes. For CSS only changes, use a plugin like Simple Custom CSS or if you plan to change theme file code, create a child theme.

Viewing 1 replies (of 1 total)
  • The topic ‘Custom image in Social menu’ is closed to new replies.