Adding tiled image to header background

Discussion in 'GeoCraft WordPress Theme' started by webunet, May 14, 2013.

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

    webunet Member

    Joined:
    Dec 14, 2012
    Messages:
    58
    Likes Received:
    1
    Location:
    Kalispell, Montana
    I want to add a tiled image to header background and have it repeat ONLY in the top background (not on the page body). How do I do this, please?

    Thank you,

    Tom



     
  2. Piyush

    Piyush Support Staff

    Joined:
    Dec 8, 2012
    Messages:
    4,745
    Likes Received:
    107
    Hello,
    Paste the following code in your Custom CSS
    (Appearance -> Theme Options -> Styling Options -> Custom CSS)
    Code:
    .header_wrapper .header {
    background: url("Enter your image URL Link here") top left;
    background-size: 200px 116px;
    }
    Adjust the value of background-size as per your requirement.
     
  3. jhughes

    jhughes New Member

    Joined:
    Feb 21, 2013
    Messages:
    26
    Likes Received:
    4
  4. Nitesh

    Nitesh Support Staff

    Joined:
    Oct 19, 2012
    Messages:
    5,165
    Likes Received:
    160

    Hello,

    Add this code only.

    Code:
    .header_wrapper .header {
    background: url("http://www.rebuildnewjersey.com/wp-content/uploads/2013/05/skyln.jpg") top left!important;
    }
     
  5. jhughes

    jhughes New Member

    Joined:
    Feb 21, 2013
    Messages:
    26
    Likes Received:
    4
    This also worked perfectly! Thanks again, Nitesh!
     
    sooraj likes this.
Thread Status:
Not open for further replies.

Share This Page