Header Background Image

Discussion in 'RoadFighter WordPress Theme' started by lyubo, Jun 17, 2013.

  1. lyubo

    lyubo Guest

    Joined:
    May 15, 2013
    Messages:
    67
    Likes Received:
    1
    Hello,

    1. is it possible to change the background image only of the header and if "yes" which
    width and hight are the best?

    2. one second variant: I made and uploaded one background image witch has 1280 px width and 1710 px hight and I made the header background transparent. How can I spread the background image to cover 100% of the width and hight of all pages - home page, sub pages, blog pages, full width page? I don't need to constrain the proportions of the image.

    Thank you!
     
  2. Gourav

    Gourav Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    7,728
    Likes Received:
    207
    Hello,

    1.For your first issue

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS
    Code:
    .header_container.not_home{
    background:none;
    background-image:url('Enter your image address');
    width:100%;
    }
    2.For your second issue

    Paste this code in Custom CSS
    Appearance > Theme Option > Styling Option > Custom CSS

    Code:
    html, body {
    background: url(Enter your image address) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
     
  3. lyubo

    lyubo Guest

    Joined:
    May 15, 2013
    Messages:
    67
    Likes Received:
    1
  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    You can put the image address with in the single qoutes or without single quotes. Both will works fine.
    For the localhost, go to the media panel and upload your image there and then copy its link and you can paste this link in the backgound code.
    This will solve your issue.
     

Share This Page