Slider Wide – Image Not Correct Height

This topic has 8 replies, 2 voices, and was last updated 10 years, 9 months ago by Wes.

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

Author

Posts
February 10, 2014 at 7:23 pm #10549
Kim
Customer
Hey,

I posted this in another location, but didn’t get a reply so I am reposting (sorry).

I’m using the Slider Wide Widget that is set to 2560 x 500 in my Slider Settings. My test image is exactly that size. I don’t know why, but when I view it for some reason my image is not showing at full height on the homepage and there is white space underneath it (I assume because it is set for the 500px height). I’ve regenerated my image and still it won’t show full height. Here are my slider wide settings below. Thank you for any help. http://www.lifecommunitychurch.net
```
/* Slider Wide
--------------------------------------------- */

.slider-wide {	
    clear: both;
    width: 100%;
height: 500px;
}

.slider-wide .wrap {
    margin: 0 auto 0;
    padding: 0;
    max-width: 100%;	
}

.slider-wide .widget {
	line-height: 0;	
	margin: 0 0 0;
}
```
Kim Pahl
True Vine Web Creations
http://www.truevinewebcreations.com
February 10, 2014 at 9:49 pm #10557
Wes
Moderator
I haven’t seen that happen before. The reason the white space is showing up is because you added height: 500px;, so you can remove that from your css since it won’t be needed. Have you tried any other images to test with?

If we can’t figure it out here I can login to your site (as a temporary user) and see if I can take a quick look to see what it could be.
February 10, 2014 at 9:58 pm #10559
Kim
Customer
Hi Wes,

Thanks for the response. I went ahead and removed the height: 500px; and that took care of the white space. My image is being scaled for some reason though. When I right clicked on my image to take a look at the properties from the web site it says: 2,560px × 500px (scaled to 1,583px × 309px). I don’t know why though.

Sure, I don’t have a problem w/ you logging in. Let me know if you want to do this.

Kim Pahl
True Vine Web Creations
http://www.truevinewebcreations.com
February 11, 2014 at 12:06 pm #10568
Wes
Moderator
You can create a temporary user/password and add it here, just make sure to check the box that says “Set as private reply” so no one else can see it.
February 11, 2014 at 12:31 pm #10572
Kim
Customer
This reply has been marked as private.
February 11, 2014 at 3:04 pm #10590
Wes
Moderator
I’m not 100% sure, but I think it’s because of the difference in width and height. I’ve seen certain images that were too wide or too small show up weird because WordPress does its best not to over stretch or distort the image.

If you add the image directly as a background in your css then it shows up at the regular height….it’s only when the slider is being used it doesn’t show the full height for some reason. I also noticed that when I view the image directly it shows up at 237px height unless I click the image to zoom in, but when I click the image it shows up blurry.
February 11, 2014 at 4:05 pm #10593
Kim
Customer
Well, after reading your message and reading through some WordPress support posts, I changed my slider width setting to 1170 and created an image of the same size. So, now it is showing at the correct height (500) but now it’s not centered anymore (and I realize it doesn’t actually “center” the image on the full width slider)! Ugh! Maybe try making the image slightly wider?

Kim Pahl
True Vine Web Creations
http://www.truevinewebcreations.com
February 11, 2014 at 4:20 pm #10594
Kim
Customer
Hi Wes,

Thank you for your help! I think I got it. I kept increasing the width of the slider settings & my image until it filled the screen. It’s now set at 1700 x 500 and seems to be working correctly. How does it look from your end, just curious?

I really do appreciate your time!

Kim Pahl
True Vine Web Creations
http://www.truevinewebcreations.com
February 11, 2014 at 8:17 pm #10599
Wes
Moderator
Yep it’s showing up perfectly now. Glad you got it working!

I’ll keep this in mind if I come across something like this in the future.
Author

Posts

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

You must be logged in to reply to this topic.