Viewing 9 replies - 1 through 9 (of 9 total)
  • Jack

    (@jdabber)

    I don’t see a scrolling image on that link. Are you talking about the loading spinner (tetris block animation) that shows before the page finishes loading?

    Thread Starter icscott

    (@icscott)

    No, the controller that scrolls up and down with the page

    Jack

    (@jdabber)

    This is a css value for the css position property.

    The image area wrapper is using:

    position: fixed;

    That makes the element stay where it is no matter where the visitor scrolls. Take a look at the spec for the position property:

    https://developer.mozilla.org/en-US/docs/Web/CSS/position

    • This reply was modified 8 years ago by Jack.
    Thread Starter icscott

    (@icscott)

    where do I go to make those CSS changes in WordPress and thanks for your help!

    Moderator bcworkz

    (@bcworkz)

    It depends on your theme. Many themes have a place to add custom CSS. This is often in the customizer. You can also use a plugin that allows one to easily add custom CSS. Another alternative is to create a child theme.

    Thread Starter icscott

    (@icscott)

    @bcworkz

    I found the place to add custom CSS in thew Impreza theme I am using jut not sure what to do from there.

    Moderator bcworkz

    (@bcworkz)

    The way I see it, the controller image on that page does not scroll, it stays fixed despite any scrolling. If that is what you are after, the CSS on that page that does this is

    #vpc-preview {
        position: fixed !important;
        z-index: 9900 !important;
    }

    YMMV since you have a different site, despite the same plugin. To be assured the CSS applies to your site, we need a live link to your actual site.

    Thread Starter icscott

    (@icscott)

    @bcworkz

    I would like the controller to scroll with the page when a user scrolls down.

    Moderator bcworkz

    (@bcworkz)

    Then reverting the previously mentioned rules should achieve that.

    #vpc-preview {
        position: inherit;
        z-index: 0;
    }
Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘How to have image scroll with page’ is closed to new replies.