Need help? Check out our Support site, then


How to add a second photo to header in Sight theme ?

  1. The photo I've selected in the header on Sight theme only covers two of the tree columns across the top. I want to add another image to fill out the rest of the header. The empty space is the right column of the header.

    The blog I need help with is missjosanfrancisco.com.

  2. Hi, I would suggest making a single header image that contains the two images (left and right) and making that image 975px in width, by whatever height you desire. Upload that header image to your Media Library and get the URL of that image.

    Go to Appearance > Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS. Replace URL_OF_IMAGE between the quote marks with the URL of your header image. The following code also removes the header search box.

    .site-header hgroup {
        background: url("URL_OF_IMAGE") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
        background-size: contain;
        width: 100%;
    }
    .site-header {
        padding-right: 0;
    }
    .header-nav-search-container {
        display: none;
    }

    Give that a try and see what you think.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags