Shortcode putting icons in wrong place

  • Resolved bubbles28

    (@bubbles28)


    5 years, 3 months ago

    Hi,
    I changed appearance of the social media icons on my site (from clear to chrome) and now they won’t display where I want them to. I was using the Ultimate social media icons shortcode INSIDE a text widget. Before I changed the icons’ appearance, the icons appeared BELOW THE BIOGRAPHY on my site, which is where I wanted them.

    As soon as I changed the icons’ appearance, both my biography and the icons began appearing BELOW MY PHOTO (which is the featured page on my site). Even when I removed my bio, the icons appeared beneath my photo. I added a new text widget box and they still appeared below my photo, AND compressed the text in my bio.

    For now, I added the social media widget below the text widget that has my bio. Now the icons appear next to my bio with the text compressed. I think this looks absolutely awful, so if anyone knows a way to fix the shortcode so it doesn’t force my bio and the social media icons to appear below my photo, it would be greatly appreciated!!

    Current shortcode: [DISPLAY_ULTIMATE_SOCIAL_ICONS]

    • This topic was modified 5 years, 3 months ago by bubbles28.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Contributor socialtech

    (@socialtech)

    Thanks for reaching out!

    On which URL can we see the shortcode issue?

    Thread Starter bubbles28

    (@bubbles28)

    Hi,
    It’s on the front page of my website, right at the top.

    If I use the shortcode in a text widget, it forces my bio and the social icons to go under my photo, instead of beside it. I’ve had the shortcode pasted under my bio in the text widget for months and it was never an issue before. I always had my bio next to my photo, with the social icons displaying under my bio.

    If I use the social media widget instead, the icons appear in a third column, which compresses my bio. Thanks!

    Plugin Contributor socialtech

    (@socialtech)

    Please add this code:

    .flexible-widgets.widget-fourths .widget:nth-child(4n+1), .flexible-widgets.widget-halves .widget:nth-child(2n+1), .flexible-widgets.widget-thirds .widget:nth-child(3n+1) {
    clear: unset!important;}

    ..in your theme’s CSS section and clear cache.

    Did that solve the issue?

    Thread Starter bubbles28

    (@bubbles28)

    Hi,
    Yes, the code worked perfectly! Thank you so much for your help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Shortcode putting icons in wrong place’ is closed to new replies.