• Hi guys, have been having problems installing a header image to my website, any advice on how to go about the installation would be greatly appreciated. Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi Adedapo

    Under Appearance > Customize > Page you can upload a Masthead Background Image, this is unfortunately only in Vantage Premium. If you’d like to stick with Vantage Free you could use a Custom CSS module/plugin and add one as follows:

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

    Swap my url with yours.

    For a more responsive background in the masthead, try this snippet instead:

    /* Masthead Background Image Cover */
    
    header#masthead {
    background-image: url("paper.gif");
    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;
    }
    Thread Starter Adedapo

    (@adedapo)

    Thanks so much for the information, would update you as soon as am through.

    Thread Starter Adedapo

    (@adedapo)

    I went to Vantage: masthead.php (parts/masthead.php), but i dont know where to install the URL you gave. Thanks waiting for your reply soonest

    Hi Adedapo

    Please remember that theme files shouldn’t be edited unless contained in a child theme.

    The snippets I provided, one OR the other should be copied into a Custom CSS plugin like Simple Custom CSS. You can then upload your background image to the Media Library and copy the URL from the right column box. Paste that url into the Custom CSS where I’ve said paper.gif.

    Hope that helps.

    Thread Starter Adedapo

    (@adedapo)

    Thanks for the info. would try that ASAP.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to install Header Image’ is closed to new replies.