Change the header template image for each page

Discussion in 'Woodpecker WordPress Business Theme' started by ccbesko, Feb 25, 2015.

  1. ccbesko

    ccbesko New Member

    Joined:
    Apr 9, 2014
    Messages:
    8
    Likes Received:
    0
    How difficult would it be to change the header template image for each page? We're talking 3 pages or so.
     
  2. praveen

    praveen Support Staff

    Joined:
    Jan 1, 2015
    Messages:
    2,344
    Likes Received:
    67
    Hi ccbesko!

    Please provide us URL of all pages whose header you want to change.

    Thanks,
    Praveen
     
  3. ccbesko

    ccbesko New Member

    Joined:
    Apr 9, 2014
    Messages:
    8
    Likes Received:
    0
  4. Pramod

    Pramod Guest

    Joined:
    Aug 8, 2014
    Messages:
    2,847
    Likes Received:
    63
    Hello,

    Paste the code given below in Custom CSS section
    (Appearance -> Theme Options -> Styling Options -> Custom CSS) of your dashboard.


    Code:
    .page-top-bg img{
      display: none;
    }
    
    For Products Page:
    Code:
    body.page.page-id-9.page-template.page-template-fullwidth.page-template-fullwidth-php .page-top-bg{
      height:200px;
      background: url('http://azurebluedesign.com/sharperedge/wp-content/uploads/2015/02/Shaper-Edge_2_logo.png');
    }
    


    For services Page:
    Code:
    body.page.page-id-11.page-template.page-template-fullwidth.page-template-fullwidth-php .page-top-bg{
      height:200px;
      background: url('http://azurebluedesign.com/sharperedge/wp-content/uploads/2015/02/Shaper-Edge_2_logo.png');
    }
    

    For contact page:
    Code:
    body.page.page-id-7.page-template-default .page-top-bg{
      height:200px;
      background: url('http://azurebluedesign.com/sharperedge/wp-content/uploads/2015/02/Shaper-Edge_2_logo.png');
    }
    
    Please change Image URL according to your requirement.

    Thanks & Regards
    Pramod Patel
     

Share This Page