How do I add a custom header

Viewing 3 replies - 1 through 3 (of 3 total)
  • D Smith a11n

    (@dsmithweb)

    Automattic Happiness Engineer

    8 years, 2 months ago

    An easy way to do this if you don’t have a lot of pages is just to add a series of page-specific header calls to custom.css.

    For each page you want to add a custom header for, add the following, with PAGEID replaced by the page’s id and IMGURL by the address where the header is located

    
.page-id-PAGEID #header { 
background: url("IMGURL") no-repeat scroll 0 0 transparent; 
}
    • This reply was modified 8 years, 2 months ago by D Smith a11n.
    Thread Starter Eugene Grant-Sinclair

    (@lamountainllc)

    8 years, 2 months ago

    Thank you so much. I will work on that this weekend and let you know if I need any more help. Awesome of you to take the time out to help me. I am very grateful.

    Thread Starter Eugene Grant-Sinclair

    (@lamountainllc)

    8 years, 2 months ago

    I tried this both in the original theme and in a child theme. It put the desired image behind the default. Any advice?

    PS thanks again for your help.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How do I add a custom header’ is closed to new replies.