Issue with 3 columns website

Hi. I’ve moved my test site over to the same template and can’t replicate the problem unfortunately (at least it doesn’t happen on Chrome)! The version of the template I used came from here

A few ideas to try:

• What happens if you use the Widget in sidebar_top?
• What happens if you use Twitter as the Twitter name?
• Are there any other widgets or plug-ins that do this? Or that solve the problem if you switch them off?

And a question:

• What browser did this happen in?

Your test site is working fine even with my browser (firefox)!
There could be something wrong with my sidebar_top that is customized…

Using “Twitter” as twitter name I have the same issue.
It’s the first time that a widget is causing me this issue.

I try with your first idea and removing my customizations, I will let you know, thanks for now!

You may be able to keep your customisations if you update your functions.php to include something like:

'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget'  => '</div>',

for each of the register_sidebar calls (which will keep things more or less looking as they are, but be ‘friendlier’ to Rotating Tweets).

Strangely, the HTML of the template opens <ul> but never provides any <li>s to populate it, so you may want to experiment with:

'before_widget' => '<li id="%1$s" class="widget %2$s">',
'after_widget'  => '</li>',

although when you do that you may discover why the original template designer didn’t do it!

If this is the case, you may still want to change <ul id="top-sidebarwidgets"> in the sidebar.php file and the associated </ul> to <div id="top-sidebarwidgets"> and </div>.

Martin

Both your “functions.php” hacks didn’t work.

Another info: if I put your widget as the last one in the right column, all the previous one are correctly shown but the generated HTML stops when your widget is reached (there’s no footer in the page)!

Now my website has your widget at the bottom of right column, if you want to take a look… after visitor number
Thanks!

p.s. using the “web developer” debugger I see a “DOM exception” exactly when the browser reach your widget.

p.p.s. i’m using firefox/chrome on linux

I think it’s time to switch on the analytics!

What happens if you change:

define('WP_DEBUG', false);

to

define('WP_DEBUG', true);

in wp-config.php?

Martin

I see a lot of warnings, and one fatal error next to your widget:

Fatal error: Class 'OAuthSignatureMethod_HMAC_SHA1' not found in /var/www/vhosts/blogzero.it/httpdocs/wp-content/plugins/rotatingtweets/lib/wp_twitteroauth.php on line 65

(I disable wp debug now)

I think there’s a clash between the OAuth.php that I’m using and the PECL OAuth library which you probably have installed.

I’ve renamed everything in the OAuth.php file and it may now work!

Try the development version and let me know.

Martin

Thanks Martin, I will try ASAP, thanks!

With your development version the widget now is correctly shown in the page, but it is overlapping the following widget, do you have any other suggestions?

Thanks again ??

One of the two functions.php hacks that I mentioned earlier should work with this – probably replacing:

'before_widget' => '<div id="%1$s" class="widget %2$s">',
'after_widget'  => '</div>',

in the relevant register_sidebar call.

One other suggestion is to add something like:

#sidebar {
  word-wrap: break-word;
}

to your stylesheet.

Nope, didn’t work.

Anyway, since this is probably a “theme issue” not related to your plugin I will try to hack something in the next days, in the meanwhile i’ve put your widget at the bottom of the column, so there’s no overlapping ??

Thanks for your help!

Good luck wrestling with your template!

Another option might be

div.widget {
  word-wrap: break-word;
}

or

li.widget {
  word-wrap: break-word;
}

if you’ve kept the suggested code (or the alternative) in place (which will definitely give you more options when playing with CSS).

Or even a kind of thermonuclear option along the lines of:

div.rotatingtweets,
div.rotatingtweet,
p.rtw_main {
  width: 215px;
  max-width: 215px;
  word-wrap: break-word;
}

??