Extend cover images to full-width on Rosalie theme

  • Unknown's avatar
    pyperleighpringle1995 · Member ·

    I’m currently using the Rosalie theme and it unfortunately doesn’t come with a header image option so I was hoping to use a cover image in its place but when uploaded, apparently due to the theme “cover images” cannot be extended to full width/maximum width that stretches across the page.

    Can anybody perhaps provide me with a code to solve this?

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

  • Unknown's avatar
    charleybea · Member ·

    Hello @pyperleighpringle1995,

    I gave this a try and it looks like the settings are set to scale the image depending on the overall width/height of an image. For example, I tried a header image that was sized at 1920px wide and 400px tall, and the theme auto scaled it to 1000px wide and 208px tall.

    I was able to get the header/logo image to go full width by using this code:

    img[class*=attachment-] {
width: 100%;
}
a.site-logo-link {
margin: 0 0 15px;
}

    BUT, the image scaled up from the original scaling of 1000px by 208px instead of the original uploaded image, so it was fuzzy. I’m not sure how to bypass this. It may be worth considering reaching out to the developer and see what they say. You can do that on the premium theme forum here:
    https://premium-themes.forums.wordpress.com/forum/silocreativo/rosalie/

    I hope this helps! If you do get resolution, I’d love to hear how this was achieved if you don’t mind replying back here.

    Best of luck!

  • The topic ‘Extend cover images to full-width on Rosalie theme’ is closed to new replies.