Page Header Background Image

This topic is: resolved

This topic contains 2 replies, has 2 voices, and was last updated by Micah Kleid Micah Kleid 5 months, 2 weeks ago.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #31628
    Micah Kleid
    Micah Kleid
    Participant
    Post count: 56

    How do I edit/crop the background image for a page header so a different portion of the image appears? As you can see on our About Us page (http://dev.remodelersuniversity.com/about-us), all I can see is the top of the guy’s head. However, the image itself shows the guy sitting and looking at a computer. I have tried editing the original images to 1920×800 (attached here) and just uploading the original full-size image (too large to attach here so it can be viewed online at https://www.shutterstock.com/image-photo/sometimes-difficult-command-customers-problem-me-257700952?src=library&studio=1), but neither works. Thank you.

    Attachments:
    #31647
    Veena
    Veena
    Moderator
    Post count: 8167

    You can have this custom CSS –

    .page-id-11496 header#title-area {
        background-image: url(https://support.livemeshthemes.com/wp-content/uploads/2019/06/about-us_1920x800.jpg);
        padding: 180px 0;
    }
    

    Background image will scroll with the rest of the page.

    #31652
    Micah Kleid
    Micah Kleid
    Participant
    Post count: 56

    That didn’t work. I put the code in both Custom CSS locations – within Invent Theme Options and Appearance-Customize – and, as you can see from the attached screenshot, all I can still see is the top of the guy’s head rather than him looking at the computer and the computer itself. If this can’t be fixed, the alternative solution would be to make the header look like another page, like Curriculum (http://dev.remodelersuniversity.com/curriculum). Thank you.

    Attachments:
Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.