StudioPress

Forum navigation

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

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

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

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

This topic is: resolved
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • May 8, 2013 at 1:43 pm #39945
    Ted
    Participant

    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 1600x600 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

    http://tedvieira.com
    May 8, 2013 at 2:19 pm #39953
    psahalot
    Member

    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

    May 8, 2013 at 10:39 pm #40032
    Ted
    Participant

    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.

    May 9, 2013 at 1:58 am #40042
    Ted
    Participant

    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)

    May 9, 2013 at 12:18 pm #40125
    psahalot
    Member

    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!

    May 9, 2013 at 1:17 pm #40138
    Ted
    Participant

    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!

    May 9, 2013 at 1:19 pm #40139
    psahalot
    Member

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

    May 9, 2013 at 3:29 pm #40174
    Ted
    Participant

    Very cool, thanks for all your input!

  • Author
    Posts
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.