Alter size of header image

  • I am just beginning to find my way with WordPress and would welcome a pointer on how to deal with this issue.
    I a using the Tannistha theme which is fine for the simple site I have created. However the header image expands to almost fill the whole screen, even though I have cropped it to a width of 750 px.
    This is no doubt some setting in the CSS file but I can’t find where it is or even if I could, whether or not I could change it to the size I want.
    Any suggestions would be welcome.

    • This topic was modified 7 years, 2 months ago by Jan Dembowski. Reason: Moved to Fixing WordPress, this is not a Developing with WordPress topic

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • You can apply this custom css to your theme customization at the option: “Wp-admin>Appearance>Customize>Additional CSS”

    Also you can go resizing the browser and keep changing the values bellow until you get it the exactly way you want it to be.

    Code:

    .home-banner {
     width: 80%;
     left: 50%;
     transform: translate(-50%);
}
 @media only screen and (max-width: 1100px) {
     .home-banner{
         max-width:90%;
         width:90%;
         height:auto;
         display:inline-block;
    }
     .home-banner a img{
         width:100%;
         height:auto;
    }
}
 @media only screen and (max-width: 1024px) {
     .home-banner{
         max-width:95%;
         width:95%;
         height:auto;
         display:inline-block;
    }
     .home-banner a img{
         width:100%;
         height:auto;
    }
}
 @media only screen and (max-width: 640px) {
     .home-banner{
         max-width:100%;
         width:100%;
         height:auto;
         display:inline-block;
    }
     .home-banner a img{
         width:100%;
         height:auto;
    }
}
    Thread Starter begadoc

    (@begadoc)

    Many thanks Mateus. Just what I needed.
    Ian

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Alter size of header image’ is closed to new replies.