Icons appearing too small on wordpress Site

  • Resolved BestMixtape

    (@bestmixtape)


    8 years, 1 month ago

    Hi Erica,

    Thanks for creating socicons as it seems to be the only plugin that allows me to add an IMDb icon.

    I have the latest wordpress installed and the icons installs without any issue, but when I add an icon to the page using the span shortcode , it displays very tiny and it’s impossible to make out what it is.

    Are there any options to adjust the size of the icons. it looks the icons show up about 4x smaller than what they’re actually supposed to be.

    thank you.

    https://wordpress.org/plugins/socicon/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Erica Franz

    (@ericakfranz)

    8 years, 1 month ago

    Hi!

    Glad you’re enjoying Socicons. 🙂

    There’s no default size set for socicon icons so it’s likely your theme has a specific font size for span elements (or that the default font size set in the theme is smaller than you expect the icons to appear at).

    You can use the following CSS, add it to the bottom of your theme’s style.css file, and change the font-size to suit your needs:

    .socicon { font-size: 14px !important; }

    Let me know if I can help with anything else, thanks!

    Thread Starter BestMixtape

    (@bestmixtape)

    8 years, 1 month ago

    Thanks!

    That worked. I had to change the font size to over 30 to get it at the size I wanted.

    One other thing though, I’m now trying to line them up together, but next icons would start on a new line.

    For instance, instead of 3 icons side by side on one line, it’d be 1 icon per line and take up 3 lines.

    Plugin Author Erica Franz

    (@ericakfranz)

    8 years, 1 month ago

    Great!

    You could try adding a specific style to display the icons inline with each other, something like:

    span.socicon { display: inline-block; }

    and modify as you require.

    Thread Starter BestMixtape

    (@bestmixtape)

    8 years, 1 month ago

    Hi Erica,

    Thanks for the reply.

    I added the inline-block to my css and it still the same issue with them being on top of each other.

    Thread Starter BestMixtape

    (@bestmixtape)

    8 years, 1 month ago

    Hi Erica,

    I got it working, but putting a <div style=”display: inline”> for each socicon, and it works now.

    Thanks again.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Icons appearing too small on wordpress Site’ is closed to new replies.