In this tutorial, i’ll provide all the code you need to add 2 extra home sections to the Parallax Pro theme by StudioPress.
There’s 3 steps involved.
- Add more code to the front-page.php file
- Register 2 new widgets in your functions.php
- Add CSS to your style.css file
1front-page.php
You can simply copy all the code from the view raw link in the Gist for the front-page.php part and replace the entire code in that file of your theme.
2functions.php
Next step is to copy the code from the functions.php section of the Gist and paste it at the end of your child themes functions.php file.
3style.css
The final step is to go to Line 1130 of your child themes style.css file and add .home-section-7 to the rule which starts on that line. You can see i have done this in the style.css section of the Gist below.
You will also need to add .home-section-7 to the Media Queries on Line 1779 as well which you can see i have added in the code as well.
And here’s the final result:
Background Image For New Section
Here’s a post explaining the easiest way to add a background image to your new home area.
If you get stuck, please ask a question in the comments.
Was This Tutorial Helpful?