• Resolved directallied

    (@directallied)


    Hello! Great theme! I am using the Responsive Boat child theme for Zerif and I would like to change the background colors of the sections. The main thing is I would like an image I created as the background image of the ABOUT US section.

    I see there is an about_you.php file in the child, is there something I can do in there to use my image as the background?

    Thank you!

Viewing 15 replies - 1 through 15 (of 15 total)
  • mdshak

    (@mdshak)

    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("https://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

    Thread Starter directallied

    (@directallied)

    Perfect!!! Thank you!!! What image size should I shoot for on this?

    mdshak

    (@mdshak)

    Hi,
    You can use the 2048×1365px wide image.
    Thanks
    Mohammad

    Thread Starter directallied

    (@directallied)

    Thank you again!

    mdshak

    (@mdshak)

    Hi,
    I would request to mark this issue as resolve.
    Thanks
    Mohammad

    Thread Starter directallied

    (@directallied)

    Done. Thanks

    Thread Starter directallied

    (@directallied)

    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

    Thread Starter directallied

    (@directallied)

    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:
    https://www.groovusmax.com/

    Do you want to replace the content text of About us Section?

    Thread Starter directallied

    (@directallied)

    Not the text, the background image

    Find this code in Additional CSS :-
    background-image: url("https://www.groovusmax.com/wp-content/uploads/2017/04/Audio.jpg")

    Replace with this code :-
    background-image: url("https://www.groovusmax.com/wp-content/uploads/2017/04/Audio.jpg") !important;

    Definitely it will resolve the issue.

    Thread Starter directallied

    (@directallied)

    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.

    Thread Starter directallied

    (@directallied)

    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!

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Sections background color or image’ is closed to new replies.