• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Appfinite

Appfinite

Premium WordPress Themes for The Genesis Framework

  • Themes
  • Blog
  • Tutorials and Resources
  • Forums
  • Contact Us

Slider Wide – Image Not Correct Height

Home › Community Forums › Epik Theme Support › Slider Wide – Image Not Correct Height

  • This topic has 8 replies, 2 voices, and was last updated 9 years, 1 month 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.
Log In

Primary Sidebar

Search Forums

Affiliate Program

Looking to earn some money? Join our Affiliate program and earn 35% of every sale you refer. Top referrers earn 40-50%.

Join Now →

The Genesis Framework

All of our themes are designed for the Genesis Framework. You will need to purchase Genesis in order to use any of our themes.

Purchase Genesis

Hire a Web Developer

Need help setting up or customizing your website?

Contact Us →

Search Full Site

  • Buy Genesis!
  • Shopping Cart
  • Themes
  • My Account
  • Support Forums
  • Tutorials and Resources
  • Privacy Policy
  • Contact Us
  • Follow Us on Twitter

Copyright © 2023 · Appfinite · Built With The Genesis Framework