removing image from CONTACT page

  • I’m trying to remove the image that is specific to the CONTACT page in the 2017 theme (the espresso shot glass, by default). I tried to search for help with this, but my search returns links relevant to the FRONT page or HEADER image even if I include the word CONTACT. Or it directs me to sites about CONTACT FORMS.

    • This topic was modified 7 years, 7 months ago by michaelmossey.
Viewing 7 replies - 1 through 7 (of 7 total)

  • Are you just wanting the image itself gone from that specific page? If so, you can do this custom CSS code:

    .page-id-123 .#wp-custom-header {
    display: none;
}

    Although that hides the image, the gradient overlay will stay behind. The .page-id-123 class you see is the class id of that specific page, but is an example for the code above only. To find your id, you can do this going to your Pages screen in the admin, mouseover the title of your page and look at the bottom of your browser to see the number as ?post=123 (or whatever the number will be). Then, for your CSS code, replace the id number part of:

    .page-id-123

    ….with yours.

    Thread Starter michaelmossey

    (@michaelmossey)

    Hmm, that didn’t do anything.

    Let me make a few things clear. I’m talking about the Contact page which is present in the 2017 theme by default. It’s the one that you get to by selecting “Contact” from the header menu. In my website it’s page id 13. I replaced, in your sample CSS, 123 with 13 and added it to the “Additional CSS” section.

    Second, let me make clear that I’m not talking about the header image. I’m talking about the image that is present by default in the Contact page BELOW the menu. In my installation it’s an image of an espresso shot glass. There is not edit button present on that image (i.e. no image of a pen) when I visit my site. There IS an edit button on the header image. I already replaced the header image.

    Do you have a link to your page and I Will take a quick look.

    Thread Starter michaelmossey

    (@michaelmossey)

    Here is the page

    • This reply was modified 7 years, 7 months ago by michaelmossey.

    Thanks for the link…it’s weird that image is there, but this code will do it:

    .page-id-13 .single-featured-image-header {
    display: none;
}
    Thread Starter michaelmossey

    (@michaelmossey)

    That worked! thanks

    you are very welcome ??

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘removing image from CONTACT page’ is closed to new replies.

Tags