Optional Image size for parallax homepage images

  • Resolved IanErickson

    (@ianerickson)


    6 years, 6 months ago

    Hello, I appreciate this plugin. Without it the Twenty Seventeen theme would not be usable. The Twenty Seventeen theme and the Options for Twenty Seventeen plugin make it really fast and easy to build websites.

    I have tried various sizes of images for the parallax images on the homepage. It seems that regardless of what size the images are either the top or bottom or both sides are cropped off.

    Sizes which are sub optimal:
    2000x1333px
    2000x700px
    5000x3333px

    Possibly the picture size is not the issue, but has anyone found an image size that displays in the Twenty Seventeen theme without the edges being cropped off?

    Possibly this is not affected by the Options for Twenty Seventeen plugin.

    Thanks in advance.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Oliver Campion

    (@domainsupport)

    Hi,

    Here is the reason ….

    .panel-image {
  background-size: cover;
}

    This bit of the theme’s style.css is there so that the chosen featured image covers the screen entirely so that when the “parallax” effect happens, there isn’t a gap showing. In order to cover the entire screen, unless the image is exactly the right size (which will never happen as all browser windows are different, the image will be cropped on the sides or top / bottom.

    Soooooo … what you are asking (with the parallax option turned on) is not possible unless the css is changed to fit the screen rather than cover it. This will end up stretching the image though …

    .panel-image {
  background-size: 100% 100%;
}

    If on the other hand, you are not worried about losing the parallax effect, you can turn it off using option “Customise – Theme Options – Parallax Off” which should show the whole image.

    Let me know if this helps.

    Oliver

    Thread Starter IanErickson

    (@ianerickson)

    Thanks for your help with this. I tried the css and between that and fussing with different images have it looking pretty good. https://www.attachfamilies.org

    Plugin Author Oliver Campion

    (@domainsupport)

    OK thanks. I’m going to mark this one as resolved.

    Oliver

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Optional Image size for parallax homepage images’ is closed to new replies.