Header Background Image

  • Author
    Posts
  • #89130

    hammskie
    Member

    I plan to include a transparent png logo in my header but am wondering if there is custom CSS to also include a background image that bleeds.

    The background image and logo would then scale independently.

    I plan to have the logo centered as well. Any help is appreciated. Thanks!

    The blog I need help with is fishinghardcore.com.

    #89326

    tarasdashkevych
    Theme Author

    Hello,

    Please see this post if you want to center your logo: https://premium-themes.forums.wordpress.com/topic/centering-site-logo-nav?replies=2

    You can add a background image to your header section by using this custom css (please note, your image will be stretched based on your screen width and header height):

    #masthead {
      background: url(https://fishinghardcore.files.wordpress.com/2015/02/tarpon-slider.jpg);
      -webkit-background-size: 100%;
      -moz-background-size: 100%;
      -o-background-size: 100%;
      background-size: 100%;
      background-repeat: no-repeat;
    
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
    }

    Best,
    Taras

The topic ‘Header Background Image’ is closed to new replies.