Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].
Hello, I’ve been trying to add my twitter feed in the Post Sidebar, and it does show, but it’s very small, you can barely see 1 tweet only.
To see what I mean, please check here: http://www.salomevanzyl.com/bbc-africas-first-start-up-bus-hits-the-road/
In order to add the twitter feed, I created a Twitter Widget, and got the following, which I copied inside a text widget, and added it to the Post sidebar.
Tweets by @IngeSalome
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http’:’https’;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+”://platform.twitter.com/widgets.js”;fjs.parentNode.insertBefore(js,fjs);}}(document,”script”,”twitter-wjs”);
Thank you very much in advance,
Jordi
Hi Jordi
Please try this hotfix for me. Head to Appearance > Editor and edit style.css (normally not recommended) and delete line 1124. It should look like this:
#secondary .widget *,
#secondary .widget img {
height: auto; /* <== Delete this line */ max-width: 100%; } [/code] Let me know how that goes.
Hello Andrew,
Thank you very much for your reply. I did delete the line you mentioned, but not only it didn’t fix my problem (I barely see 1 full tweet in my twitter feed), but it made the images that had been automatically resized to fit the sidebar, come out from it. I’m not sure if that make sense?
I added the erased line back, and not everything is like before, with the short twitter feed.
Would you have any other suggestion?
Thank you very much,
Jordi
Please send through a link to the website/page concerned and I’ll take a look.
Thanks.
Hello, I’m copying here the link, is the same I wrote in my previous post. i hope that helps, and thank you very much for the help.
http://www.salomevanzyl.com/bbc-africas-first-start-up-bus-hits-the-road/
Ahh sorry about that. Checking now.
Ok so we were on the right track just the wrong line in the Editor. Please delete line 1038 in style.css. Similar instructions to before.
In general please don’t work in the Editor. Theme updates will overwrite any changes you make unless they are contained in a child theme. We hope to have this little bug resolved in the next update so it’s ok to make this edit. It’s basically a height issue that affects iFrames.
Let me know.
Hello Andrew, thank you very much for your reply.
Is there any chance you can send me the text that I should delete from line 1038 in the slyle.css?
I’m asking because the line numbers don’t show in my editor, and tried to copy the text and paste it intoTextEdit and can’t find the way to show the line numbers either. Sorry.
No problem.
/* @group Widgets */ #secondary .widget{ margin-bottom: 30px; } #secondary .widget *, #secondary .widget img { max-width: 100%; height: auto; }Please delete the height: auto line.
/* @group Widgets */
#secondary .widget{
margin-bottom: 30px;
}
#secondary .widget *,
#secondary .widget img {
max-width: 100%;
height: auto; <== delete this line here please } [/code]
It worked perfectly this time! Thank you very much!
Awesome, glad to hear it.
Apologies for the hassle. All the best with your project.