kduffey asks in StudioPress forum,
I want to add an image background to Modern Portfolio Pro behind the top logo, top menu and the top widget area that says “Welcome to my website”
See my quick mock up here: https://www.dropbox.com/s/tik0v4ni2hbxsd3/mpp-change.png
Any thoughts on how to modify the theme to accomplish this?
In this article I share the code to set a large image as background for Header and About widget area in Modern Portfolio Pro.
One way of doing this is by
removing the code to display About widget area in mpp_homepage_widgets()
displaying About widget area after header in homepage
wrapping the Header and About sections in a custom div
Setting our desired background to this custom div
Step 1
In front-page.php, change
View this code snippet on GitHub.
to
View this code snippet on GitHub.
and comment out or delete
View this code snippet on GitHub.
Step 2
Add this in functions.php:
View this code snippet on GitHub.
Step 3
Add this in style.css:
View this code snippet on GitHub.
Upload your desired background image to Modern Portfolio Pro’s images directory and specify its name in line 6.
That’s it.
The post How to add a background image for Header and About section in Modern Portfolio Pro appeared first on Sridhar Katakam.