social media icons

• 

  cmoni2k · Member · Jan 18, 2017 at 9:54 pm

  • Copy link
  • Add topic to favorites

  i need my social media icons smaller and respective colours for them

  The blog I need help with is cmonionline.com.

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

• 

  aakashpatelsite · Member · Jan 19, 2017 at 11:56 am

  • Copy link

  Hi,
  To upload the social media icon on page-
  First go to Media > Add New in your WordPress Dashboard. Then upload the images to your media library.

  Then go to Appearance > Widgets in your WordPress Dashboard. Then add a text widget to a widget area. Then add the following HTML code to the text widget to place an image in the text widget. Then turn the image into the link by using href.

  Thanks,
  Aakash Patel

• 

  thesacredpath · Member · Jan 25, 2017 at 10:52 pm

  • Copy link

  Hi @cmoni2k, the following does FB, Twitter and Youtube.

  .widget_wpcom_social_media_icons_widget li a.genericon-facebook::before {
  	background-color: #3B5998 !important;
  }
  .widget_wpcom_social_media_icons_widget li a.genericon-twitter::before {
  	background-color: #4099FF
  }
  .widget_wpcom_social_media_icons_widget li a.genericon-youtube::before {
  	background-color: #E32524;
  }

  On the Instagram icon, I’m not sure what color to add since they are all over the place on colors. Here is the code and you can do whichever color you want.

  .widget_wpcom_social_media_icons_widget li a.genericon-instagram::before {
  	background-color: #517FA3;
  }

• 

  keepsharingthegospel · Member · Jan 26, 2017 at 1:14 am

  • Copy link

• 

  thesacredpath · Member · Jan 26, 2017 at 7:01 am

  • Copy link

  @, all I see in your posting here are strong and italics tags. Do you have a technical question about WordPress?

• 

  cmoni2k · Member · Jan 26, 2017 at 1:20 pm

  • Copy link

  thanks a lot..how can i make the icons smaller though?

• 

  thesacredpath · Member · Jan 26, 2017 at 6:27 pm

  • Copy link

  Sorry I missed that part. To adjust the size of the social icons, add the following and adjust the font size to your liking.

  .widget_wpcom_social_media_icons_widget a::before {
      font-size: 32px;
  }