I would like to have a full width background image only on the homepage and in the center of the page using the Interface free theme. I have tried multiple way to accomplish this with no success. Does anyone have any suggestions?
To have the background image on the home page only. Go to Appearance -> Customize/Theme Options -> Design Options Tab -> Custom CSS paste the following CSS code and Click on save button:
body.home {
background-image: url("IMAGE-URL");
background-position: center center;
background-size: cover;
}
Please add you image link in above IMAGE-URL text.
.
.