Support » Theme: Hoffman » Custom Icon in Social Menu

  • Resolved anejivanusa

    (@anejivanusa)


    Hey,

    first of all a wonderful theme. A really nice clean simple design.

    I have a question if it possible to add custom icon in the social media menu, I would need an icon for our bandcamp page.

    Anej

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Theme Author Anders Norén

    (@anlino)

    Hi @anejivanusa,

    Glad you like it! It’s possible, but requires some custom CSS. The following should get you started:

    .menu-social li a[href*="bandcamp.com"] {
        background: url( xxx ) no-repeat center;
        background-size: 16px auto;
    }
    
    .menu-social li a[href*="bandcamp.com"]:before {
        content: none;
    }

    You can add it to Appearance → Customize → Additional CSS. Replace xxx with the URL for the icon (a white, high-resolution transparent PNG would be best).

    — Anders

    • This reply was modified 1 year, 10 months ago by Anders Norén.

    Thank you very much,

    this points me in the right direction, I think I can handle it from here.

    Cheers!
    Anej

    Hey again,

    thanks for your help, unfortunately “content: none;” also made the background image to not show. So I simplified a bit and used transparent color to hide the star, I know it is a bit hacked but it works:

    .menu-social li a[href*="bandcamp.com"]::before {
    	background: url( xxx ) no-repeat center;
      background-size: 16px auto;
      color: #fff0;
    }

    Once again thanks for your help!

    Cheers,
    Anej

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom Icon in Social Menu’ is closed to new replies.