Featured image too big, being cropped

  • cpyne91 · Member ·

    Hi,
    I am trying to get my entire featured image to show on the blog post “humboldt hill”. Right now it is being cropped, so I want to change the dimensions of the header on this page. Is that possible? My picture is huge with dimensions of 3961 x 1058–is there a way we could make the header fit this ratio, only smaller so my featured image isn’t cropped on this page?

    https://wordpress.com/post/pynedesigns.org/63

    The blog I need help with is: (visible only to logged in users)

  • timethief · Member ·

    That is a very old retired theme. Themes are retired when they no longer support all wordpress.COM features. They can only be used on sites that have used them previously. The recommendation is to select another theme.

    Switching themes can be easily done, provided you are logged in as Admin under the same username account that registered the site. Themes are just “skins” on WordPress.COM hosted blogs. You can quickly and easily change themes on any WordPress.COM hosted blog to another one found here http://wordpress.com/themes/ and no data will be lost or negatively affected by the change. The only time you may have to do a lot of work is if you are changing to a dramatically different theme with different features and/or if you have done any CSS editing.

    Provided you are logged in as Admin under the same username account that registered the blog go to Dashboard > Appearance > Themes, Browse themes until you find one you like and click the “activate” or the “preview” link, or type in the name of the theme you want to use when it appears.

    The theme customizer https://en.support.wordpress.com/customizer/ provides a preview function for exactly that purpose ie. so you can view what a theme will appear like prior to changing one.

  • cpyne91 · Member ·

    Hi and thanks for your response. The theme I am using is Canape. It added at the bottom of my post that it was for a science writing blog, but the blog i am having problems with is pynedesigns.org

    is that the same one you were looking at?

    Thank you.

  • timethief · Member ·

    This site https://uncwsciencewriting.wordpress.com/ is wearing Titan. Read the footer link.

  • cpyne91 · Member ·

    Right, that is not the link that I am referring to.

    it’s this one: https://wordpress.com/post/pynedesigns.org/63
    this theme is Canape.

    Thanks.

  • timethief · Member ·

    That post preview link is useless to me.
    I need the actual URL of the site starting with https://

  • cpyne91 · Member ·

    https://pynedesigns.org/blog/
    https://wordpress.com/post/pynedesigns.org/63

    If neither of these work then I’m not sure where to go :/ not the best with this sort of stuff.

  • timethief · Member ·

    This is the actual URL or blog address of that site https://pynedesigns.org/
    Please be patient while waiting for Staff help with your css editing. You can subscribe to this thread so you are notified when they respond. To subscribe look in the sidebar of this thread, find the subscribe to topics link and click it.

  • cpyne91 · Member ·

    so does that work for you then? or do i need to find another link?

    thanks.

  • thesacredpath · Member ·

    @cpyne91, on Humboldt Hill, you have inserted the image into the post content area, whereas on Night Tree and others, you have added the image as a featured image, which shows larger. I’m not seeing any cropping when I view the image at full size and compare it to the smaller version inserted into your post.

  • cpyne91 · Member ·

    @thesacredpath you’re right. I tried moving it below to see if it would work. And it isn’t cropped now but it much smaller and not aligned with the rest. I will put it back as the featured image so you can see.

    thanks.

  • thesacredpath · Member ·

    Hi, in order to apply this change, you would need to have the WordPress.com Premium Plan upgrade, which includes Custom Design and the ability to add custom CSS.

    You can try out and preview custom CSS before you buy as explained here. This would be the code to fix the feature image on the Humboldt Hill post. I’ve specifically targeted that post by using the unique post CSS id. 

    #post-63 .post-thumbnail img {
    visibility: hidden;
}
#post-63 .post-thumbnail {
    background-image: url("https://pynedesigns.files.wordpress.com/2016/06/steph-wide-landscape.jpg");
    background-repeat: no-repeat;
    background-size: contain;
    max-height: 220px !important;
}

    As you are going to see when you narrow your browser window down to phone widths, there will be a gap appear between the image and the post title. This can be adjusted using Media Queries. I’ve not done that at this time. Let me know what you think with this basic approach.

  • The topic ‘Featured image too big, being cropped’ is closed to new replies.