Featured Content widget image width problem in 3.8.0

Reports about issues that you encounter in Suffusion. This forum is closed with effect from February 2019. Please post future requests on https://github.com/sayontan/suffusion.
Forum rules
This forum is being officially closed with effect from 3rd February 2019. Future support requests can be posted on the GitHub page at https://github.com/sayontan/suffusion/issues.
kapusjon
Posts: 18
Joined: 04 Mar 2010, 07:47

Featured Content widget image width problem in 3.8.0

Post by kapusjon » 04 Jul 2011, 02:56

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
Posts: 25
Joined: 06 Jan 2011, 12:27

Re: Featured Content widget image width problem in 3.8.0

Post by lalami » 04 Jul 2011, 08:23

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
Site Admin
Posts: 10210
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas
Contact:

Re: Featured Content widget image width problem in 3.8.0

Post by sayontan » 04 Jul 2011, 08:33

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

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

kapusjon
Posts: 18
Joined: 04 Mar 2010, 07:47

Re: Featured Content widget image width problem in 3.8.0

Post by kapusjon » 04 Jul 2011, 11:34

@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
Site Admin
Posts: 10210
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas
Contact:

Re: Featured Content widget image width problem in 3.8.0

Post by sayontan » 04 Jul 2011, 11:40

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
Posts: 11
Joined: 28 Jun 2011, 14:13
Location: Vancouver, BC

Re: Featured Content widget image width problem in 3.8.0

Post by jpjanze » 04 Jul 2011, 12:18

@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
Posts: 18
Joined: 04 Mar 2010, 07:47

Re: Featured Content widget image width problem in 3.8.0

Post by kapusjon » 05 Jul 2011, 03:31

@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
Site Admin
Posts: 10210
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas
Contact:

Re: Featured Content widget image width problem in 3.8.0

Post by sayontan » 05 Jul 2011, 06:51

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

sayontan
Site Admin
Posts: 10210
Joined: 15 Sep 2009, 16:39
Location: Houston, Texas
Contact:

Re: Featured Content widget image width problem in 3.8.0

Post by sayontan » 05 Jul 2011, 07:14

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
Posts: 18
Joined: 04 Mar 2010, 07:47

Re: Featured Content widget image width problem in 3.8.0

Post by kapusjon » 05 Jul 2011, 07:47

@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.

Locked