Problem with slide shows / gallery

[Espen Johansen]

Hi Bill!

Thanks for making so many nice themes!

I’m trying to get the Elite theme working on my website. It looks really nice, but I’ve run in to a couple of problems.

First of all the gallery / slide show on my site boconsult.no works a little bit weird when using Firefox. The problem is that the slide show doesn’t always seem to start automatically or stops unexpectedly. (I’m aware of the setting in the Theme Options where this can be customized.)

It seems like when the down-arrow/button is highlighted – the slide show stops. Normally I guess this would be fine, but the problem is that the button is highlighted when the cursor is placed anywhere on the lower 80 % of the screen. Try moving the cursor slowly from the top to the bottom, and you’ll see. This happens sometimes on the demo website, but not as often. Is there a way to fix this?

Wouldn’t it also be better if the arrow button would only light up when the cursor is hovering over the button, like the other buttons? And – since it doesn’t do anything, should it light up at all?

Also, I was wondering if there is a way to keep the titles from being all upper-case?

Regards,
Espen

[Bill Robbins]

Hello Espen,

Thank you for your business first of all. Let’s see if we can find answers for your questions.

The slideshow is set to pause when you’re hovering over it, but you can turn that off if you’d like to. Here’s how:

1. Go to the Appearance section in your WordPress control panel and select Edit.
2. From the list of files on your right, choose custom-js.php and find this section:

   
   	jQuery(window).load(function() {
   		jQuery('.flexslider').flexslider({
   			animation           :	"fade",
   			slideshow           :	<?php echo of_get_option('auto','true') ?>,
   			slideshowSpeed      :	<?php echo of_get_option('duration','5000') ?>,
   			animationDuration   :	<?php echo of_get_option('transition','750') ?>,
   			controlNav          :	false,
   			directionNav        :   <?php echo of_get_option('prev_next','true') ?>,
   			prevText			:	"",
   			nextText			:	"", 
   			pauseOnAction       :   true,
   			pauseOnHover        :	true,
   			useCSS				:	false,
   			video				:	true,
   			smoothHeight		:	true,
   			controlsContainer	:	".slider-nav",
   		});
   	});
   

3. Where it says:

   
   pauseOnHover        :	true,
   

   change that to this:

   
   pauseOnHover        :	false,
   

4. Save your changes.

See if that won’t keep the slideshow from stopping on you.

---

You can turn off the automatic capitalization of your navigation menu items. Here’s how:

1. Go to the Theme Options page and select the Advanced tab.
2. Scroll down to the Custom CSS box and paste this:

   
   nav#top-menu li {
   	text-transform: none;
   }
   

3. Update your settings.

---

If you run into any questions or trouble, let me know.

Thanks,
Bill

[Espen Johansen]

Thank you for your quick response!

I was able to fix the slide show issue with the change you suggested. Great!

The text in the menu is also back to normal now. I was going to ask about that as well, but I was actually thinking of the headings on the pages and gallery slides. I think they are marked “hero-title” in the css. Can this be changed?

Espen

[Bill Robbins]

Well let’s get the other titles too. If you’ll add this:

a.button,
input.button,
input[type="button"],
input[type="submit"],
#hero-section h2.hero-title  {
	text-transform: none;
}

to the Custom CSS box too, I believe that will take care of it for you.

If you run into trouble, let me know,
Bill

[Espen Johansen]

Thank you again:-) That took care of it!

Espen

[Bill Robbins]

Fantastic. Have a great day!

[Author]

Posts