Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #305036
    Hans
    Participant

    Hello Skandha,

    I found the solution for images occurring twice. Sorry for bothering you.

    Still one question. The header image seems to cut off some part of the image. How is it possible to prevent that?

     

    Kind regards

    Hans Hagmeijer

     

    #305056
    Skandha
    Participant

    @toerfiets: Hello Hans,

    Can you please post a screenshot and let me know where the Header Image is getting cut off so that I can look into the issue?

    Kind Regards,
    Skandha

    #305068
    Hans
    Participant

    Hello Skandha,

    This is the image (640 x 480) as it is.

    This is the screenshot of the header with the same image.

     

    Kind regards

    Hans Hagmeijer

    #305072
    Skandha
    Participant

    @toerfiets: Hello Hans,

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .header-media::before {
    background-image: unset;
    }
    .header-media .post-thumbnail img {
    display: block;
    }
    .custom-header-content {
    padding: 20px 30px;
    background-color: #fff;
    }
    .custom-header-content .entry-title {
    color: #000;
    }

    Let me know if this works out!
    Kind Regards,
    Skandha

    #305078
    Hans
    Participant

    Hello Skandha,

     

    This is working, but now the header image is very big (high). Is there a way to make the header image as it is now but much less high. Now on my laptop I only see an image even if I scroll down.

    Kind regards

    Hans Hagmeijer

    #305089
    Skandha
    Participant

    @toerfiets: Hello Hans,

    Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

    .header-media {
    background-color: unset;
    }
    .header-media .post-thumbnail img {
    max-width: 800px;
    }

    You can change the max width according to your choice.

    Let me know if this works out!
    Kind Regards,
    Skandha

    #305091
    Hans
    Participant

    Hello Skandha,

     

    This didn’t work out well as you can see here.
    The height now is correct. But now the width isn’t correct.
    Even the home page doesn’t have a correct header now.
    If I try to make the image wider and less height in CSS, than the proportions of people and things aren’t correct.

    Maybe I have to use another format of images. The problem is limited to the featured content, I think.

    Kind regards

    Hans Hagmeijer

    #305138
    Skandha
    Participant

    @toerfiets: Hello Hans,

    This issue will appear when the image has large height like in the page A-groep. This will work if you have featured images of the aspect ratio 16:9 or similar.

    Kind Regards,
    Skandha

    #305143
    Hans
    Participant

    Hello Skandha,

    The prescribed ingot for featured content is 640 x 480. To me that is an aspect ratio 16:12. If I use an image with that aspect ratio, than the header image is too big or cuts off a part of the image. So the featured image with 640 x 480 is not usable, seems to me.
    The image on the home page is 1900 x 800 px.
    Most images have a aspect ratio 16:12. That means, that images made with that aspect ratio are according to me not usable, because I have to cut off a part of the height.

    In theme instructions I cannot find the prescriptions for the header image.

    Kind regards

    Hans Hagmeijer

Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘featured image’ is closed to new replies.