New to One-Page Parallax, Need Help

  • Hello,
    I am new to WordPress and the one-page parallax idea. I had already created several pages before deciding to try the parallax design.

    I copied over all of the html from each page, added the anchors, and created the menu.

    It appears to be working correctly in the background, however, there’s a green area blocking the entire page. I tried to resolve myself before posting, however, I can’t seem to figure out what is causing it.

    I would appreciate any assistance you could offer.

    The test page in question is located here:

    https://veterans.saintleo.edu/testwp/landing-parallax/#studentadvising

    Thank you!

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

  • Hey Kinney, you have a class named footer-area that has a green background. The code looks like this:

    .footer-area {
background-color: #275d39;
}

    Replacing the color with transparent would do the trick.
    I was unable to see where is that code located though. Hope I helped.

    Try to add this code into your style.css:

    .footer-area {
    background-color: transparent !important;
}

    It should overwrite.

    I don’t know what a “Parallax design” is, possibly a feature of the theme that you are using?

    The green layer that is covering up your contents is from a footer element with a class of footer-area. What’s unusual is that there is another footer element with an ID of footer.

    You can see through the footer-area by adding some CSS that will set the background color to transparent:

    footer.footer-area {
   background-color: transparent;
}

    Although, this is probably not a long-term fix. You should probably figure out what this footer-area is used for.

    Thread Starter KINNEY0201

    (@kinney0201)

    Thank you both! That worked perfectly!

    I added this:

    footer.footer-area {
    background-color: transparent;
    border-color: transparent;
    }

    Thanks again!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘New to One-Page Parallax, Need Help’ is closed to new replies.