Change Header Image on One Page in Site

  • Resolved AdvancedWaterSolutions

    (@advancedwatersolutions)


    11 years, 1 month ago

    I am a novice basic html type-of-girl who currently manages my company’s wordpress blogs, so I have been asked to change the header image on one of the pages within our wordpress site.

    The site is awspurewater.com
    The theme is Starkers
    The page is https://awspurewater.com/products-2/coffee/

    I know I have to somehow point the image to the page using the page id, but looking through the Editor CSS – I cannot find anything that looks like header images pointing to page ids.

    This is probably an easy task for someone with the proper experience, and I was hoping that someone would take pity, and tell me in layman’s terms what I am supposed to do. Thank you.

Viewing 3 replies - 1 through 3 (of 3 total)

  • I’m sorry but as you are using a non-WPORG theme, you need to seek support from the theme’s developers – paid or otherwise. We only support themes downloaded from www.remarpro.com here.

    Thread Starter AdvancedWaterSolutions

    (@advancedwatersolutions)

    Oh, OK I wasn’t aware, I assumed that because I used WP to edit, that it was a WP theme. Thank you, I will close and be on my way.

    Go to Edit Page admin page. Then move your mouse over any of the Edit links.If your browser has the Status Bar turned on, you will see post= followed by the Page ID in the status bar.If not, just right mouse click and look at the URL in the properties. Same post= value.
    Now, when you know what’s the page ID for your cofee page, create a CSS rule for that page that regulates the bg image in the header.
    Something like:

    .page-id-15 .header {
background-image: url(../images/cofee.jpg);
background-position: left top;
margin: 0px;
padding: 0px;
float: left;
height: 270px;
width: 980px;
}

    Change the page ID appropriately.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Header Image on One Page in Site’ is closed to new replies.