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

  • Author
    Posts
  • #1736062

    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.

    #1736201

    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.

The topic ‘How to add a second photo to header in Sight theme ?’ is closed to new replies.