Community Forums › Forums › Archived Forums › Design Tips and Tricks › Minimum Theme Help with Responsive Slider
Tagged: Minimum Slider
- This topic has 11 replies, 5 voices, and was last updated 11 years, 10 months ago by
mhorrocks.
-
AuthorPosts
-
February 21, 2013 at 4:47 pm #22092
ntety
MemberHello,
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.comFebruary 23, 2013 at 1:20 pm #22428mhorrocks
MemberHi 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 #22440ntety
MemberOf 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 #22450mhorrocks
Membersure 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 #22451ntety
MemberTo 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 #22470marybaum
ParticipantTo 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 #22482ntety
MemberHi 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 #22484mhorrocks
Memberhey 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 #22495mhorrocks
Memberntety,
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 #33066lindebjerg
MemberI 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 #34657BossLady
MemberHi 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 #34664mhorrocks
Memberhi 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
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.