Page Header Background Image

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #31628
    Micah KleidMicah Kleid
    Participant

    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
    VeenaVeena
    Moderator

    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 KleidMicah Kleid
    Participant

    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.