Featured Content widget image width problem in 3.8.0

[kapusjon]

Since upgrading to 3.8.0, the images in my featured content widget slider are not shown correctly anymore.
I have placed the featured content slider in the 'Widget area below header' section. The section is 200 height x 1000 width.
Since 3.8.0 the images in the featured content are shown with a width of just a few pixels, so very, very narrow.
Who can help? See http://testvoerstreek.jvhit.be

[lalami]

My featured content slider doesn't work either:(

I first read through the info provided with the update - there's a warning that thumbnail images will be displayed if no featured image is selected (which might be an answer to your question), but I've checked it in my posts and they all have images selected to be featured ones, so on my site it must be something else. I haven't added any new plugins since the update.
And I'm using two right sidebars on this site.

http://www.e-bisiklet-dunyasi.com

[sayontan]

@kapusjon,
See if this helps: viewtopic.php?f=4&t=5571&p=23055#p23055.

@Lalami,
For you the above link should definitely help.

[kapusjon]

@Sayontan
The post you mention, suggested to try with the 2 jquery scripts out of the ZIP file; no change ( did clear cache).
The post also mentions to use the JQuery Regular option, instead of the Lite; I was using the Regular already ; no solution.

You can see the difference here :
Working with 3.7.8 : http://www.voerstreek.be
Not working with 3.8.0 : http://testvoerstreek.jvhit.be

The size of the actual image being loaded is correct on both when you right click on them for the properties ( around 200 height x 1000 width ).
Even the html source code displaying the images is exactly the same on both
starting at <!-- horizontal-outer-widgets-1 Widget Area -->
until
<!-- horizontal-outer-widgets-1 Widget Area -->

And even then the testvoerstreek.jvhit.be is not displaying the full width of the image...
Something in the CSS maybe...?

Thanks for your help, Sayontan, I would really like to stay on your latest release.

[sayontan]

I looked at your site before posting the last time and noticed that while the images were of the right size, the <li> elements enclosing them were only 3px wide. This setting was being added by the JQuery Cycle script and not the theme, so I am still scratching my head regarding this.

[jpjanze]

@Sayontan I am having exactly the same problem here - bcjuniorcanucks.com - if another example is helpful. I will follow the thread to see if a solution comes up.

[kapusjon]

@Sayontan

I noticed something. The problem of the incorrect width of the images has something to do with the width of the TITLE on the featured content widget.
If I actually put something in the TITLE of the widget, it displays the images in the same width as that TITLE.
So, if you have no title for the widget, the images are display very narrow (3pxls?).

This is only true with the Featured Content widget in the Widget Area Below the Header ,
not eg. in the Sidebar1 area, here it works correctly.
See: http://testvoerstreek.jvhit.be

Hope this helps...

[sayontan]

Very interesting - this definitely helps. I will see if I can figure something out.

[sayontan]

OK. I believe I got it. Do this:
1. Go to suffusion-classes.php
2. Go to the function get_custom_wabh_css
3. Look for this code block:

Code: Select all

         if (!($suf_wa_wabh_style == 'flattened' && $bw1_columns == 1)) {
            $ret .= "
#horizontal-outer-widgets-1 .suf-horizontal-widget { width: $bw1_width; margin: $bw1_margin; }
* html #horizontal-outer-widgets-1 .suf-horizontal-widget { ma\\rgin: $bw1_ie_margin; }";
          }

4. Add this after the above:

Code: Select all

         else {
            $ret .= "
#horizontal-outer-widgets-1 .suf-horizontal-widget { display: block; float: none; }";
         }

Thanks for your pointer about the title width - I wouldn't have been able to track it down otherwise.

[kapusjon]

@Sayontan
Thanks! This actually solves the problem. Are you putting this in a future update aswell?

One more thing, the static Featured Content has the sync option ( sync=1 ) for images to fade into eachother.
The Featured Content widget does not have that option. Are you planning to put that in, maybe... ?
Thanks again.