Widget profile name text appearing under, instead of alongside, profile image

animalraw · 2012-01-12T22:58:05.000Z

Hello All,
I was just wondering if you would be able to help with this twitter widget issue I am experiencing…
For some reason the title text of the widget (the name of the account) is appearing below the profile image instead of alongside it - has anyone else noticed this happening? Is there a fix?
You can see it happening here: http://www.erichsegal.com
Many thanks in advance!
Adam

kurrik · 2012-01-13T00:09:33.000Z

Most likely you have some CSS styles which apply broadly to all elements on the page, for example a style which affects the margin or padding of img or a tags. If you really need to render the widget in isolation, you might try putting it on its own HTML page and rendering that with a positioned and correctly sized iframe in the main HTML page.

animalraw · 2012-01-16T19:01:31.000Z

Thanks for the reply @kurrik - You were right, I think an errant css rule was causing an issue and using an iframe was the way forward.
Now however the client has changed their mind so is no need for the feed anymore.
Cheers,
Adam

KristinErrett · 2012-02-04T20:44:19.000Z

Hi!
I have the exact same issue. I’m trying to add a twitter profile widget to my sidebar on my wordpress website: http://kristinerrett.com and the profile name is appearing below the profile image as opposed to next to it, like it displayed on twitter when I designed it.

I’d like to put it into an iframe but I’m terrible with html. I used this code:

And inserted the simple code I got from twitter in the quotes and it only captured the link to http://widgets.twimg.com/j/2/widget.js, and displayed that long html code where my widget should have been. How do I create a page like that with my specific twitter profile widget html so I can insert that link instead?

Thank you for your help!
Kristin

ecstaticax · 2012-05-29T08:23:00.000Z

Ciao Kristin, I checked your home page. I had the same problem on mine (http://www.gianlucamusumeci.com).
This is how you can solve solve it.
Download and install iFrame Widget: http://wordpress.org/extend/plugins/iframe-widget/
Create an html page with this code inside:






Untitled Document

Then insert the iFrame widget in your widget area, and set the right size.

Let me know if it works. Regards from Venezia.

Gianluca

niall · 2016-02-06T23:01:38.068Z