How to make Genesis Responsive Slider Stretch full width of page?

Community Forums Forums Design Tips and Tricks How to make Genesis Responsive Slider Stretch full width of page?

This topic is: resolved

This topic contains 7 replies, has 2 voices, and was last updated by  Ted 1 year, 3 months ago.

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #39945

    Ted
    Participant
    Post count: 51

    I’ve modified the Minimum 2.0 theme to accommodate a slider widgeted area on the home page. Then I use the Genesis Responsive Slider.

    So far I’ve  stuck with the 1600×600 image size for the slider and just added gradients on either side so it looks like it blends into the background.

    I’ve seen sites on which the slider width is 100%. Like this site: http://www.pedelahore.com/

    How is that accomplished?

    Thanks so much!!!

    Ted

    • This topic was modified 1 year, 3 months ago by  Ted.
    • This topic was modified 1 year, 3 months ago by  Ted.
    http://tedvieira.com
    #39953

    psahalot
    Participant
    Post count: 20

    Hey Ted!

    You can try adding
    `.flexslider .slides img {width:100%;} `
    to your CSS.
    This will force the width to be 100% even when the actual image width is 1600px

    If width:100% doesn’t work. Try adding !important

    #40032

    Ted
    Participant
    Post count: 51

    Thanks so much for the reply. I tried adding that to the the theme’s css and the plugin css as well, but no luck.

    The Genesis Responsive Slider settings require’s width and height to be entered in pixels. I don’t know if that makes this not doable with this slider.

    #40042

    Ted
    Participant
    Post count: 51

    Found an awesome slider that pretty much resolved my issue.

    Slideshow by Stefan Boonstra

    http://wordpress.org/extend/plugins/slideshow-jquery-image-gallery/

    • It’s responsive
    • allows you to have full width (stretch) slide shows
    • Great admin page with a lot of customization options
    • no need to create posts to use the featured images. You just add the photos directly to the slide show.

    Anyway, it’s got lots of other cool features and yes, it’s free. :)

    I didn’t end up using it on my jazz site, but I did add it to my photography site that also uses a modified Minimum 2.0 theme.

    http://tavphoto.com (warning, no nudity, but does contain lingerie shots)

    • This reply was modified 1 year, 3 months ago by  Ted.
    • This reply was modified 1 year, 3 months ago by  Ted.
    #40125

    psahalot
    Participant
    Post count: 20

    That’s great Ted!

    I personally like, Soliloquy (http://soliloquywp.com) and use it for all my client and personal sites.

    Had a look at your photography site. It’s amazing!

    #40138

    Ted
    Participant
    Post count: 51

    Thanks for taking a look at the site, I appreciate the comments, man!

    Also thanks for the tip on Soliloquy. Does it do full width formats? I imagine it probably does, huh?

    Thanks again!

    #40139

    psahalot
    Participant
    Post count: 20

    Not by default. But, I have done that using CSS by setting width to 100% and it worked :)

    #40174

    Ted
    Participant
    Post count: 51

    Very cool, thanks for all your input!

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

The topic ‘How to make Genesis Responsive Slider Stretch full width of page?’ is closed to new replies.