header image

  • Author
  • #123833


    is there a way to make the header image size be bigger than 1600×325.
    On the demo, the header image is bigger than what I seem to be working with.


    The blog I need help with is josephyoo.com.


    Theme Author

    Hi there,
    thanks for writing and using Silvio.

    yes, header image will be cover the entire width of screen, so if you see the web through a 1920px screen, the image will be cover the area, even if its width is 1600px.

    The reason we a max dimension is to avoid users to upload very heavy images (5000px or more) that cause problems loading the website. With that set up the theme crop the imagen to a reasonable dimension.

    If you want to load your own image, you can do with CSS. Simply upload it to your media and copy the url of your image. Then add this CSS:

    .image-header {
        background-image: url(https://pressingtoward.files.wordpress.com/2018/01/cropped-coffee.jpg) !important;
    @media (min-width: 768px) {
    .image-header {
        min-height: 350px !important;

    Here you are how to add it:

    As we said, the image will get 100% of screen but the height os container is set to 350px. You can change this value with the second part of CSS.

    Hope this helps!
    Ricardo P. from SiloCreativo

The topic ‘header image’ is closed to new replies.