This thread is over two years old and may be outdated. Please create a new thread if you need help, or email us if you have an active Premium license.

Replies

1
  1. Andrew Misplon Staff 11 years, 3 months ago

    Hi Jainsley

    Insert the following into a plugin like Simple Custom CSS:

    /* Masthead */
header#masthead {
background-image: url("http://localhost/so/wp-content/uploads/2014/09/ujKaaIATKKx7vi5kkfQn__DSC39321.jpg");
}

    Replace my url with yours. Your url can be found in the media library, in the right column when viewing the image.

    If you want the masthead image to cover the area in a responsive manner, try the following in your CSS plugin:

    /* Masthead Background Image Cover */
header#masthead {
background-repeat: no-repeat;
background-position: center center !important;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

Replies on this thread are closed.

Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.

Have a different question or issue?

Start New Thread