Display Next / Previous Arrows in Slider?

Tagged: Slider

This topic has 10 replies, 2 voices, and was last updated 11 years ago by Wes.

Viewing 11 posts - 1 through 11 (of 11 total)

Author

Posts
April 9, 2013 at 3:22 pm #3682
Terence
Customer
It appears as if you can only pause the slider if you display and click on the next/previous arrows.

I don’t want to display these arrows, and I am wondering how difficult it might be to replace the slider for one with more functionality, like pause on hover for example. Or is there a way to get it to pause on hover without displaying the next/previous arrows?

Terence.
April 9, 2013 at 11:56 pm #3686
Wes
Moderator
It actually wouldn’t be difficult at all if you want to use a different slider since its just a widget area…..you can place whatever slider you want in its place.

Also, in the Genesis Theme Settings, you can remove the Arrows if you want. From what I can tell, you have to click an arrow in order for it to pause on hover. This is a StudioPress plugin, so maybe you could recommend this to them as an option in a future update since it would be useful.
April 10, 2013 at 3:41 pm #3706
Terence
Customer
I posted an answer but it didn’t show up here.
April 12, 2013 at 10:43 pm #3781
Terence
Customer
I’ll try again.

How can I get rid of the gray area above and below my images in the slider?

Also, what is the maximum width image I can use in the slider and still have it remain responsive?
April 12, 2013 at 11:38 pm #3790
Wes
Moderator
The gray on top is really just a 40px margin on the bottom of the #head-wrap. You’ll need this space on other parts of your site, so you can add this to remove it from the home page only –

`.home #head-wrap {
margin: 0;
}`

Take a look at the padding under – “.slider-inner” and change the bottom part to 0.

The “.slider-inner .widget” also has 20px of margin added to the bottom.

**********************************

There is no maximum limit to the image, it’s responsive.
April 13, 2013 at 7:15 am #3794
Terence
Customer
That’s perfect Wes. Thank you so much. Must have been quite easy for you, but it was driving me crazy because I just couldn’t see where it was coming from.

I guess I didn’t explain myself clearly about maximum width. I am currently using…

.slider-inner {
width: 1152px;
}

… although the screen measures 1280 px. To have the slider images full width, am I correct in assuming both the “.slider-inner”, image size and slider settings should all be set to a 1280 px width?

Many thanks for your help.
April 13, 2013 at 8:46 pm #3813
Wes
Moderator
No they should be set to 1152 since thats the size of the container, (and the size of the theme) and then it will adjust.
April 13, 2013 at 10:53 pm #3823
Terence
Customer
Sorry Wes, if I am being dense here, but does that mean then I can’t have a full screen width image, only 1152 px wide, not 1280 px ?
April 14, 2013 at 11:43 am #3831
Wes
Moderator
You can have a 1280px size image if the space you’re putting it in is also 1280px……I mentioned 1152px because thats the size of the theme. So if you changed some areas to 1280px then yes you can……Unless you’re referring to something else?
April 14, 2013 at 1:31 pm #3846
Terence
Customer
No that’s exactly what I was referring to Wes.

Many thanks for clearing that up.
April 14, 2013 at 4:52 pm #3857
Wes
Moderator
You’re Welcome
Author

Posts

Viewing 11 posts - 1 through 11 (of 11 total)

The topic ‘Display Next / Previous Arrows in Slider?’ is closed to new replies.