Home › Forums › Free Themes › Kids Education › Header image width

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • December 6, 2019 at 7:49 am #111017
    Boyke
    Participant

    The image of colourful stripes on top of our website has the size of 1000×750 pixels as prescribed. But when opening a page (e.g. http://www.freinetopstelten.be/visie/) you have a big blue area at the right hand side of this image as if it is to narrow? How can I solve this?

    Is there also a possibility to reduce the height of this image? Thus the distance between the top & bottom cloud becoming smaller?

    December 9, 2019 at 12:47 am #111135
    wensolutions
    Keymaster

    Hello,

    Please add following given CSS code in Additional CSS section to remove the blue area at the right hand side of the image by going to Admin Panel > Appearance > Customize > Additional CSS

    #header-image img{
 max-width: 100%;
}

    Also, to reduce the height of the image, please add following given CSS code in Additional CSS section.

    #header-image img{
  height: 527px;
}

    Further, you can replace ‘527px’ with your desired pixel.

    Hope this helps.

    If you have any queries further, let us know.

    Thank you.

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.