slider height

Tagged: genesis responsive slider height

This topic has 5 replies, 3 voices, and was last updated 8 years, 11 months ago by Wes.

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

Author

Posts
May 2, 2015 at 1:36 pm #15734
scottmc59
Customer
I can’t figure out how to make the genesis responsive slider work the way I want it to. No matte what I set the size to in settings, and no matter what height I make my images I get white borders top and bottom and my image is cropped. How can I get the size I want and eliminate these two things.
May 2, 2015 at 7:43 pm #15738
scooby
Customer
What’s the link to your site? I can take a look at the source code first before looking at the plugin settings.

Also, try and use the Regenerate Thumbnails plugin anytime you change the size in your Slider Settings. It should adjust all of your images to reflect what you have set in your settings. But also make sure and post your link so I can see what it looks like. I’ll need to look at the source code (which can be done with just the link itself).
May 5, 2015 at 9:41 am #15747
scottmc59
Customer
it’s a temp location dev.howitworksmedia.com

I did the Regenerate Thumbnails thing and it didn’t work. I was very careful to enter the settings in slider settings first then size the images exactly, then upload them and assign them to the 4 posts they are referring to. I set up the images to allow for the cropping but I’d like to be able to see the whole thing and have control of that, and those white spaces above and below I’d like to get rid of.

thanks.
May 5, 2015 at 11:35 pm #15763
Wes
Moderator
I would add this near line 1967 to your css –
```
.home .head-wrap {
	margin: 0;
}
```
that will get rid of some of the space. The other half of the space is coming from the slider section on line 1191. Remove that space by changing the padding to 0px (since all sides of the padding will be 0, you can just add one “0” that will cover them all)….and do the same for the margin area.
```
.slider-wide .wrap {
    margin: 0 auto 0;
    padding: 0;
    max-width: 100%;	
}
```
The last step is to change the widget on line 1197 to 0 –
```
.slider-wide .widget {
	margin: 0;
}
```
The Line numbers may show up on different lines than what is presented above if you add content to your CSS file. Just do a search for the code if you’re unable to find it.
May 6, 2015 at 8:35 am #15767
scottmc59
Customer
Thanks very much. That took care of most it. The sliders look great. I hope I can get help with just one more little fix, how to control that space between slider and the welcome wide text, the text just below the slider. It’s pretty large now.

also, I don’t have line numbers on my CSS. What are you referring to there?
May 6, 2015 at 9:09 pm #15785
Wes
Moderator
How much space are you trying to reduce it by exactly? You can find the code on line 1318 in your style.css file –
```
.welcome-wide .wrap {
    margin: 0 auto;
    overflow: hidden;
    padding: 120px 0 60px;
    width: 1140px;
}
```
If you’re not using a program to edit your files, then you can use the command + f function (MAC) or Control + F function (PC) to search and find the area/location for – .welcome-wide .wrap where you’ll be able to make your adjustments.

You can adjust the padding in the CSS if you want to reduce the spacing.

I’m using an HTML/CSS program/editor that helps show the Line numbers in the CSS file. I would recommend using an FTP plugin (like Filezilla or any other program you prefer)….then once you have that program setup, you can use the editor you want to use with the FTP program. Once you make edits to the Program, it will automatically update your site and it’s files. This is what the majority of Developers use to edit files on WP sites. You just need to set it up properly….your hosting company can help you with this if you need the info to login and access your FTP. Let me know if that helps.
Author

Posts

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

You must be logged in to reply to this topic.