Disable parallax effect for header image

  • Resolved dgress95

    (@dgress95)


    9 years, 6 months ago

    Hello!

    I am working on this website: https://www.roundtablefilmllc.com

    I have two questions:

    1) Whenever I first open this webpage on my browser, the header image is shifted to the right until I scroll the page, and then it jumps to the middle. Is there any way to fix this? And if not, I would like to disable the parallax feature on the header image and just have a stationary image. Is that possible?

    2) For the pages, the title of the page sits over top of the header image and blends in a bit, so I would like to put a stroke on the text to make it stand out a bit more. Is that possible?

    Please let me know!

    Thanks!

    Diane

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

  • Please try this custom css solution. (Go to “Appearance > Customize > CSS”)
    1. disable the parallax feature

    .banner {
    background-attachment: scroll;
    background-position: 0px 0px !important;
}

    2.

    .banner .banner-title {
    text-shadow: 0px 0px 5px #000;
}

    Thread Starter dgress95

    (@dgress95)

    Worked like a charm!

    Thanks!

    Diane

    Awesome! You’re most welcome ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Disable parallax effect for header image’ is closed to new replies.

Tags