Hi,
Please upload the image through the Admin > Media > Get the full image path here. Now paste the custom css code:-
.about-us{
background-image: url("http://localhost/wordpress/wp-content/themes/zerif-lite/images/bg.jpg"); /* please change the image url here*/
background-size: cover;
background-repeat: no-repeat;
background-position: top center !important;
background-attachment: fixed !important;
}
Thanks
Mohammad
Perfect!!! Thank you!!! What image size should I shoot for on this?
Hi,
You can use the 2048×1365px wide image.
Thanks
Mohammad
Hi,
I would request to mark this issue as resolve.
Thanks
Mohammad
Hello,
I’m sorry but this CSS doesn’t appear to be working for me. I was attempting to place this in custom CSS in the customizer, should I be adding this in functions.php or where? I replace the URL in your code with my image URL and nothing changed after refresh.
Please help again, thank you!
Hi,
Please provide me specific page url to check and give you exact solution.
Thanks
Mohammad
Thank you again for helping with this issue! Again, I am looking to replace the section “about us” with an image. I’m using responsive boat child theme under Zerif. Here is the url:
http://www.groovusmax.com/
Do you want to replace the content text of About us Section?
Not the text, the background image
Find this code in Additional CSS :-
background-image: url("http://www.groovusmax.com/wp-content/uploads/2017/04/Audio.jpg")
Replace with this code :-
background-image: url("http://www.groovusmax.com/wp-content/uploads/2017/04/Audio.jpg") !important;
Definitely it will resolve the issue.
Great! That worked! But, what if I wanted the image to scroll WITH the page instead of how it is fixed to the section?
Would I change the .background-attachment?
Yes, change the background-attachment: fixed !important; to background-attachment: scroll !important;. Let me know your feedback.
That worked, Thanks!
I want to remove the image box from the about us sections and have the paragraph text centered. Is this possible?
You guys are such a big help, thank you again!
