How to change the background image?

Discussion in 'ClassiCraft WordPress Theme' started by alnaami, Nov 12, 2013.

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

    M5LASTER Member

    Joined:
    Oct 21, 2013
    Messages:
    232
    Likes Received:
    0
    Hi there,

    How do I change the background of the header area? I would like to upload an image to be the background for my logo and everything else above the top menu. I thought there would be an up-loader to allow you to do just that.
    I look forward to your update.

    Thanks,
     
  2. Gourav

    Gourav Support Staff

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

    Go to header.php present in your theme directory and add the code gievn below

    Code:
    <div class="header-background">
    </div>
    Sending image for reference

    2013-11-13_1255.png



    Now,

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

    Code:
    .header-background {
    background: url('Enter Your Image Address Here');
    }

    This will solve your issue.
     
  3. M5LASTER

    M5LASTER Member

    Joined:
    Oct 21, 2013
    Messages:
    232
    Likes Received:
    0
    Hi Gourav,
    I did what you suggested and that put a background image, but there it didn't cover the entire space behind the header. Look at the attachment to see what I mean. I tried uploading different images that are different in size, but in all cases there was still this blank white line in the background. Kindly, help me resolve it.
    Thanks,
     

    Attached Files:

  4. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
  5. M5LASTER

    M5LASTER Member

    Joined:
    Oct 21, 2013
    Messages:
    232
    Likes Received:
    0
    The link is http://yemenface.com
    Please let me know if you need me to send the user name and password to the support inbox.
    Thanks in advance.
     
  6. Gourav

    Gourav Support Staff

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


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

    Code:
    .wrapper{
    padding-top:0;
    }
     
  7. M5LASTER

    M5LASTER Member

    Joined:
    Oct 21, 2013
    Messages:
    232
    Likes Received:
    0
    Thank you very much!
     
Thread Status:
Not open for further replies.

Share This Page