• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

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

Minimum Theme Help with Responsive Slider

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.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Minimum Theme Help with Responsive Slider

This topic is: resolved

Tagged: Minimum Slider

  • This topic has 11 replies, 5 voices, and was last updated 12 years, 2 months ago by mhorrocks.
Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • February 21, 2013 at 4:47 pm #22092
    ntety
    Member

    Hello,
    I've uploaded the Genesis Responsive Slider and installed it to the Home Page. I am trying to acheive the look of the demo: http://demo.studiopress.com/minimum/
    But with a boarder-less slider featuring 5-6 different scrolling images (no text).
    Questions:
    1. How to make the slider the same dimensions as the Demo Home picture
    2. How/where to resize my images as to not distort them and make them fit properly into the slider.
    Thanks!
    http://finallyourwedding.com

    February 23, 2013 at 1:20 pm #22428
    mhorrocks
    Member

    Hi there, it looks like you fixed your issue. Would you mind sharing your fix? I'm in the same boat - I've replaced featured-image with my new widget area for genesis responsive slider, and its very tiny, for some reason. Thanks for your response!

    February 23, 2013 at 2:15 pm #22440
    ntety
    Member

    Of course! Can you send me the link to your site? All I did to center the slider was change “margin: 0″ to “margin: 0 auto”  in the CSS portion of the Slider Plugin itself. Up until that point I was changing things in the Themes files...

     

    February 23, 2013 at 3:28 pm #22450
    mhorrocks
    Member

    sure and thank you!

    site is here (PLEASE ignore design - at this point just figuring out elements) amurica.sweetmylissa.com

    So here's the issue that is throwing me - the ONLY portfolio image that is currently saved to the correct size is image 1.

    Image 1 size: 1140x445

    css code for slider: 1140x445

    slider defined in widget settings: 1140x445

    I'm floored...and you can also see images aren't centered - but hoping that wont' be an issue when the slider is accepting them all at the right size.

    Thanks!

    February 23, 2013 at 3:36 pm #22451
    ntety
    Member

    To center the slider:

    Go to Plugins > Genesis Responsive Slider > Edit > Go to the CSS file and search for "/* FlexSlider Necessary Styles". After "margin: 0" add the word "auto" so that it looks like below:
    /* FlexSlider Necessary Styles
    *********************************/
    .flexslider {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    }

    As far as the image sizes, I found that you have to scale/crop each image you want displayed to the exact dimensions you specify the slider to be. For example,  on my site (finallyourwedding.com), I made the slider max width 1000 max height 500 and used Gimp to resize and crop each image to that size. Not sure if that is the best wat but I am still trying to figure it all out my self 🙂

    You seem to have fixed a problem I am having. How do I get all of the blog posts off of my home page?

    Thanks!

    Ryan

    February 23, 2013 at 5:20 pm #22470
    marybaum
    Participant

    To get all those posts off your home page, first make sure your home-page widgets are set with only the posts you want them to show - generally a maximum of 1-3 posts per widget area. Then pare even those posts back until each widened area only has one post if that's all you want.


    Sharing the good news about the wonders of modern CSS and the split-step. Either one should get you moving fast. 😀

    February 23, 2013 at 6:29 pm #22482
    ntety
    Member

    Hi Marybaum,

     

    I'm not sure what you mean. I don't want any posts on the homepage. I went through everything and marked it as draft to see if this would do the trick but mow my site says "Sorry, no posts matched your criteria.". I am trying to have the homepage end with the 4 social icon circles...

     

    Thanks!

    February 23, 2013 at 6:34 pm #22484
    mhorrocks
    Member

    hey there, I'm also fighting through the same issue -  my home page is still trying to call posts. I've actually switched to soliloquy slider - I'll let you know how this works. I just reverted to the original functions.php and home.php in order to try to fix things. Hated losing all my edits - but better to start from scratch I think.

    February 23, 2013 at 8:19 pm #22495
    mhorrocks
    Member

    ntety,

    I successfully loaded the new slider into the home "featured image" area. Seamless, this time. Now on to adjusting widget areas... 🙂 images are 1600x600.

    April 4, 2013 at 8:40 am #33066
    lindebjerg
    Member

    I try to setup the soliloquy slider here: http://team-travelflow.de/
    but it does not work seamless, could you share the code you use for the homepage?

    April 10, 2013 at 6:57 pm #34657
    BossLady
    Member

    Hi guys.... I didn't want posts on the home page, either. What I found it easiest to do was simply hide it with css... For some reason I'm having a ridiculous time correctly putting in the css, but the bottom line is I used .home #inner and then set display:none. #inner is where those blog posts are, but it is also where you content throughout the rest of the site is. So you need .home to specify just the home page. Same thing with #footer-widgets (I ditched those, too)... make sure you have .home in front if you want them showing elsewhere.

    Okay... so your turn... how did you get a slider on the home page?

    April 10, 2013 at 7:27 pm #34664
    mhorrocks
    Member

    hi all...

    I just now saw these replies - sorry! Here is the code I entered into functions.php

    /** Add the featured image section */
    add_action( 'genesis_after_header', 'minimum_featured_image' );
    function minimum_featured_image() {
    if ( is_home() ) {
    if ( function_exists( 'soliloquy_slider' ) ) soliloquy_slider( '70' );
    }
    }

    where 70 is the id you give your soliloquy slider when you create it. I was able to comment out the post loop, which took care of that problem. Smart move to hide the loop with css. My test site is here: http://amurica.sweetmylissa.com

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2025 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble