Static Front-page background image scrolling

  • Resolved heythere

    (@antreasg3)


    8 years, 6 months ago

    When I’m using high resolution images as a background image (title image) for the static front-page, I can’t see the whole image but a part of it. I would like to enable this (to show the whole background image) by letting the user scrolling all the way down. Is it possible?

    Putting a background image to other pages (not title background image) it lets the user to scroll all the way down until the image finishes, that’s what I want to do in front-page intro as well.

    Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hi there,

    The height of the image needs to be increased in order for all of it to be viewable upon scroll.

    You can increase the height with the following custom CSS:

    .home #slide-1 {
    height: 800px !important;
}

    Change the value of height according to the height of your image.

    To add custom CSS: Firstly set up a child theme or activate a custom CSS plugin. (If you have Jetpack installed then you can activate its custom CSS module.)

    Please also note that the use of !important is not considered best practice in CSS but is necessary in this instance to override some inline styling.

    Let me know how you get on with that! I’ll be happy to help with extra questions, too.

    Thread Starter heythere

    (@antreasg3)

    thanks, it worked!

    Perfect! We’re right here if extra questions come up too.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Static Front-page background image scrolling’ is closed to new replies.