Hemingway Rewritten: Featured Image only Partially Shown

  • Unknown's avatar
    kingofwidgiemooltha94 · Member ·

    Hi everybody,

    I use the Hemingway Rewritten theme. For my blog, the featured image that I try to set is supposed to be each nation’s flag. However, every time I insert a featured image, the image is zoomed in too much. I was wondering if there was CSS code I could use to zoom the photo out?

    Here is an example of what I mean:
    http://thelostgeographer.net/2014/09/14/colombia/

    The Colombian flag is supposed to have 3 stripes, but as you can see on this page it only has 2 because it’s zoomed in too far.

    I’d appreciate any help on this, thanks!

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

  • Unknown's avatar
    thesacredpath · Member ·

    Since the theme creates a cropped image for the featured image on posts and pages, what you would have to do is create specific CSS rules that target the ID for the post or page. The unique body class IDs are listed in the opening body tag within the HTML and can be found using the web inspector built into your browser. For the Columbia page the ID unique post ID class is .postid-587 so you would do the following: 

    .postid-587 .site-header-image {
    background-image: url("http://thelostgeographerdotnet.files.wordpress.com/2014/09/stockvault-colombia-grunge-flag134132.jpg") !important;
    background-size: contain;
}

    Note that with the above, the proportions of the flag are not the same as the proportions of the header image area, so there will be blank space to the left and right of the image. Add the above CSS and see what you think. If that is acceptable, you will then have to create rules for each of the other pages where you want a flag to show and find the unique ID for that page and then get the URL for that flag image from your media library.

  • Unknown's avatar
    kingofwidgiemooltha94 · Member ·

    Thank you thesacredpath!

    Is there a way I can set the dimensions myself for the cropping of the image? I don’t need it to contain the entire image, but I want it to contain more than it currently does.

  • Unknown's avatar
    thesacredpath · Member ·

    Is there a way I can set the dimensions myself for the cropping of the image?

    No, that would require editing the theme PHP script files, and we cannot do that here at WordPress.com since this is a multi-user environment and we all share the same underlying theme and WordPress core files.

  • The topic ‘Hemingway Rewritten: Featured Image only Partially Shown’ is closed to new replies.