How do I resize the icons in the Social Media Icons (jetpack) widget

  • Resolved sleeplessindc

    (@sleeplessindc)


    9 years, 3 months ago

    I am using the Social Media Icons (jetpack) widget in the sidebar. I added Facebook and Twitter. The icons are very very small and they look like glyphs instead of the regular Facebook and Twitter icons. I read the Jetpack support page at https://jetpack.me/support/extra-sidebar-widgets/social-media-icons/ about how to increase the size from their 16px to what I want but that didn’t work. I added the following to my child style.css:

    /* ~~~ SOCIAL MEDIA ICON SIZE  ~~~~~~~~~~~~ */

.widget_wpcom_social_media_icons_widget .genericon {
font-size: 2em;
}

    Is something in Aaron overriding this or causing the glyphs?
    My URL is https://accessible-techcomm.org/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Theme Author Carolina Nymark

    (@poena)

    Hi
    Thank you, I hadn’t tested these widgets. I found the issue,
    adding this to the stylesheet should work until I’ve been able to fix it:

    li a:before{
	font: normal normal normal 16px/1 Genericons;
}

    (As long as you are adding the child themes style after the parent style)

    Thread Starter sleeplessindc

    (@sleeplessindc)

    Thanks–that worked. I wanted them larger so I made it 32px/1

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How do I resize the icons in the Social Media Icons (jetpack) widget’ is closed to new replies.