#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    2
    Rep Power
    0

    Header Image Constraints


    Hi guys, new to this forum.

    Working on a WordPress site. I am using a custom banner image with the CleanWay Theme (http://themeforest.net/item/cleanway-responsive-multipurpose-theme).

    No matter what I try the header image contstantly keeps zooming in and won't fit into the page. Tried everything I know.

    The code in my custom.css is:

    Code:
    header#site-header {
    background-image: url(http://www.thehavencafe.com.au/newsite/wp-content/uploads/2013/06/Haven_Site-top-banner2.png);
    background-repeat: no-repeat;
    height: 260px;
    background-position: center; 
    }
    But still it will not fit to the page.

    Tried re-sizing the image but still no luck.

    Any help is greatly appreciated.
  2. #2
  3. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    13
    Rep Power
    0
    what is the size of the image you are using? have you tried setting the 'background-size' property? Perhaps to 'cover' or 'contain'?
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2013
    Posts
    2
    Rep Power
    0
    Originally Posted by mbrown3391
    what is the size of the image you are using? have you tried setting the 'background-size' property? Perhaps to 'cover' or 'contain'?
    Tried that (cover & contain), but still no luck.

    The image is 2000 x 260

IMN logo majestic logo threadwatch logo seochat tools logo