Text remains after changing CSS

• 

  paul83nl · Member · Jan 21, 2015 at 10:52 pm

  • Copy link
  • Add topic to favorites

  Hi, I’ve got a question regarding:
  https://en.forums.wordpress.com/topic/want-to-add-social-media-icons-to-menu?replies=3

  I tried to do this in the motif template and I’ve purchased the option to customize the theme and it also works partially. The icon I’ve chosen is visible, but also the text remains. Is there a little trick to only show the icon and to hide the text link?

  The blog I need help with is: (visible only to logged in users)

• 

  staff-happychia · Staff · Jan 22, 2015 at 9:14 am

  • Copy link

  Could you help me locate the icons?

  I can’t find any social media icons or text in your menu bar.

• 

  paul83nl · Member · Jan 22, 2015 at 1:22 pm

  • Copy link

  Hi,

  It’s the adjusted menu in the main sidebar “Contact”. The Social Media icons:

  https://filmliefhebber.files.wordpress.com/2015/01/e-mail.png
  https://filmliefhebber.files.wordpress.com/2015/01/facebook.png
  

• 

  staff-happychia · Staff · Jan 23, 2015 at 9:04 am

  • Copy link

  This CSS replaces your Contact menu item with email icon you linked in the previous update.

  #menu-item-12890 a {
  	background: url(https://filmliefhebber.files.wordpress.com/2015/01/e-mail.png) no-repeat;
  	width: 36px;
  	height: 40px;
  	text-indent: 100%;
  	white-space: nowrap;
  	overflow: hidden;
  }

  Please also add two more menu items for facebook and twitter profiles and link them using the similar CSS.

  Just replace the id (#menu-item-12890) and the background property to point to relevant image.