Add mouse based parallax-effect

  • yangyang88

    (@yangyang88)


    9 years, 6 months ago

    Hey there, I’m currently trying to create a website using the Harmonic theme as a template.

    What I would like to do is add a second parallax effect to the homepage, that moves the title image, the subtitle + logo and finally add another layer on top of the title image to include a transparent image .

    I don’t have much experience in html or css, and the online tutorials I found only show how to create a parallax effect from scratch, but not how to “add” one to an existing website. I’m not sure where and how to find the names for the already existing layers and where I should add the code for the parallax.

    Thank you in advance!

Viewing 1 replies (of 1 total)
  • Chad Chadbourne

    (@shireling)

    9 years, 6 months ago

    Hey yangyang88

    Adding a parallax effect can be a bit tricky, and it’s hard to say specifically without seeing the tutorials you’re reading. You’ll also want to be fairly comfortable with HTML and CSS, as well as the WordPress template structure.

    As far as locating the existing elements you need to work with, using your browser’s developer tools can be a big help.

    Inside Harmonic, the home page is controlled by the content-front-intro.php file in the theme’s folder.

    The individual panels also have their own files: content-front-intro.php, content-front-news.pep, etc.

    One quick note – if you do edit the theme code at all, be sure to do so with a Child Theme, so your updates aren’t lost in a future theme update!

Viewing 1 replies (of 1 total)

The topic ‘Add mouse based parallax-effect’ is closed to new replies.