Slide Show Slides Cover Donation Bar and other Strange Issues

[DNRICE]

Hi Bill:

Slides now loaded but:
– sometimes they cover the donation bar
– sometimes they appear behind the widgets / bar
– Donation bar sometimes shows the ribbon behind the words; sometimes not.
– Donation bar sometimes doesn’t appear at all.

I’ve tried to edit all of the images to fit the size as specified (although it would be nice if the format just fit the images into the space provided).

Help. One small step at a time I guess.

-dana

[Bill Robbins]

Dana,

There is a built in image editor that’s part of WordPress. You can use it to crop the images if you don’t have access to a desktop image editor. Cropping them yourself will always give you the best results. The demo uses images that are 960 pixels wide by 448 pixels tall. If you crop all of your images to be that size, you’ll be in good shape.

[Tracey Conner]

Hey Bill — what about when embedded videos cause this behavior? (possibly just with the home page?)

http://hostedbybean.com/embedded-video.jpg

it seems like regardless of the size specified in the embed code, it does what it wants to …

example:
iframe src=”http://player.vimeo.com/video/25770786″ width=”500″ height=”281″ frameborder=”0″ webkitAllowFullScreen mozallowfullscreen allowFullScreen

thanks!

[Bill Robbins]

Most perplexing. I tried to re-create that, but didn’t succeed. I ended up with this.

That said, there is at least one thing we can try. Go to the Appearance section and select Edit. From the list of files on your right, choose custom-js.php and look for this spot:

	// Flexslider	
		jQuery(window).load(function() {
			jQuery('.flexslider').flexslider({
				animation           :	"",
				slideshow           :	,
				slideshowSpeed      :	,
				animationDuration   :	,
				controlNav          :	false,
				directionNav        :   false,
				pauseOnAction       :   true,
				pauseOnHover        :	true
			});
		});

and replace it with this:

	// Flexslider	
		jQuery(window).load(function() {
			jQuery('.flexslider').flexslider({
				animation           :	"",
				slideshow           :	,
				slideshowSpeed      :	,
				animationDuration   :	,
				controlNav          :	false,
				directionNav        :   false,
				pauseOnAction       :   true,
				pauseOnHover        :	true,
				video			:	true,
				smoothHeight		:	true
			});
		});

then save your changes. That adds in two options that the slideshow supports that might help out here.

If that doesn’t help would it be possible to send a link to where you’re working with the theme? That way I can take a closer look?

Thanks,
Bill

[Author]

Posts