Stretched Header Image & Post-Meta Comments

  • Resolved ramblingcleric

    (@ramblingcleric)


    5 years, 4 months ago

    Hi all,

    I need assistance with my custom header image in the Lovecraft theme. The image is the recommended size, however, on desktop displays the image is being stretched in a way the crops the upper and lower portions of the image (which also crops the artist’s signature). I’ve searched the forums, but none of the solutions seem to work (although that could be my fault). Any help would be appreciated.

    Also, in the post meta data headings at the top of the post (e.g., by, on, in), how would I also include a the number of comments associated with the post that is also hyperlinked to the comments section? I’ve seen images of the Lovecraft theme with this additional post meta display.

    Thanks in advance for your time and help.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Theme Author Anders Norén

    (@anlino)

    5 years, 3 months ago

    Hi @ramblingcleric,

    The header image in Lovecraft always expands horizontally to fill the entire width of the screen, but the height of the image is fixed. That means that the aspect ratio of the image area changes, and the wider the screen is, the more of the top and the bottom of the image gets cropped.

    One fix would be to change the image to be contained within the area, and show a background color of the sides of the image on large screens. You can give this a go by going to Appearance → Customize → Additional CSS (the menu labels might be different in your language), where you add the code below:

    .header-image {
    background-color: #111;
    background-repeat: no-repeat;
    background-size: contain;
}

    Let me know if that does it.

    — Anders

Viewing 1 replies (of 1 total)

The topic ‘Stretched Header Image & Post-Meta Comments’ is closed to new replies.