Minimum Theme Help with Responsive Slider

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

This topic is: resolved

This topic contains 11 replies, has 5 voices, and was last updated by  mhorrocks 1 year, 3 months ago.

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #22092

    ntety
    Participant
    Post count: 23

    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

    #22428

    mhorrocks
    Participant
    Post count: 6

    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!

    #22440

    ntety
    Participant
    Post count: 23

    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…

     

    #22450

    mhorrocks
    Participant
    Post count: 6

    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: 1140×445

    css code for slider: 1140×445

    slider defined in widget settings: 1140×445

    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!

    #22451

    ntety
    Participant
    Post count: 23

    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

    #22470

    marybaum
    Participant
    Post count: 123

    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.


    Be it ever so run down, there’s no place like FriendFeed. ;-)

    #22482

    ntety
    Participant
    Post count: 23

    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!

    #22484

    mhorrocks
    Participant
    Post count: 6

    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.

    #22495

    mhorrocks
    Participant
    Post count: 6

    ntety,

    I successfully loaded the new slider into the home “featured image” area. Seamless, this time. Now on to adjusting widget areas… :) images are 1600×600.

    #33066

    lindebjerg
    Participant
    Post count: 42

    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?

    #34657

    BossLady
    Participant
    Post count: 30

    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?

    #34664

    mhorrocks
    Participant
    Post count: 6

    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

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

You must be logged in to reply to this topic.