Change Template Header Background Image

Discussion in 'Woodpecker WordPress Business Theme' started by crystal0811, Mar 13, 2014.

Thread Status:
Not open for further replies.
  1. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    Is it possible to change the size of the Template Header Background Image? I think I'd like it to extend to the bottom of each page.
     
  2. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
  3. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

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

    Code:
    body{
    background-image: url('Enter URL address of your background image here');
    } 
    I hope this will fulfill your requirement.
     
  4. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    Thank you! I notice now on every page there is a section on the background image that is darker. How can I remove that?

    Also, can I make the pages move up to the main menu bar so there is no gap or at least a smaller gap.
     
  5. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello Crystal,

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

    Code:
    .top-bg-mask {
    background: none;
    }
    .page-post-container-wrapper {
    margin-top: 0px;
    }
    .page-top-bg {
    max-height: 50px;
    }
    .brd-crm {
    bottom: 0;
    } 
    
    You can adjust the above values as per your requirement.
     
  6. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    This is great! Thank you!!

    Is it possible to keep everything as it is with this new code, but remove the background image from the top where the logo is and just keep that white? The logo doesn't show up very well on top of the background image, but I like the background image everywhere else.
     
  7. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,

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

    Code:
    .top-wrapper {
    background: white;
    } 
    In place of "white" you can put your color or color code.
    This will fulfill your requirement.
     
  8. crystal0811

    crystal0811 Guest

    Joined:
    Jun 14, 2012
    Messages:
    204
    Likes Received:
    9
    AWESOME!!! Thank you so much for your help! :)
     
    Piyush likes this.
Thread Status:
Not open for further replies.

Share This Page