Narrow the social media icons in my top (primair) menu, oxygen theme

• 

  karinkoolen · Member · Apr 30, 2014 at 4:25 pm

  • Copy link
  • Add topic to favorites

  Thanks to this amazing thread, I’ve managed to put social media icons in my top menu. (I’m using Oxygen theme).

  Almost done, …I would like to narrow the icons together. Now there is too much space between them. I want it to look like this: http://writingsouthwest.org

  How does this work? Thank you so much! :)

  Karin

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

• 

  thesacredpath · Member · Apr 30, 2014 at 8:19 pm

  • Copy link

  Hi, I’ve made a number of changes, such as setting the images to center horizontally, and adding some top padding to the hidden text so that it sits in the middle of the icon for better click-ability. I also added some negative letter spacing to the hidden text so that it aligns closer with the edges of the icons you have. Here are the rules I modified. Replace what you have and see what you think.

  #menu-item-2641 {
      background: url("http://karinkoolen.files.wordpress.com/2014/04/twitter-icon-e1398878171462.png") no-repeat scroll center top rgba(0, 0, 0, 0);
      margin-right: -30px;
  }
  #menu-item-2639 {
      background: url("http://karinkoolen.files.wordpress.com/2014/04/facebok-icon-e1398878263206.png") no-repeat scroll center top rgba(0, 0, 0, 0);
      margin-right: -30px;
  }
  #menu-item-3656 {
      background: url("http://karinkoolen.files.wordpress.com/2014/04/linkedin-icon-e1398878315610.png") no-repeat scroll center top rgba(0, 0, 0, 0);
      margin-right: -10px;
  }
  #menu-item-2641 a, #menu-item-2639 a, #menu-item-3656 a {
      color: rgba(0, 0, 0, 0);
      display: block;
      letter-spacing: -4px;
      padding-top: 6px;
  }

• 

  karinkoolen · Member · Apr 30, 2014 at 8:52 pm

  • Copy link

  You are the best! Thank you so much. You’ve helped me out quite a few times now and I’ve learned a lot. Really appreciate it!

  Greetz
  Karin

• 

  thesacredpath · Member · May 1, 2014 at 1:03 am

  • Copy link

  You are welcome, Karin.