Minimum Theme Help with Responsive Slider

This topic is: resolved

Tagged: Minimum Slider

This topic has 11 replies, 5 voices, and was last updated 10 years, 1 month 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