WordPress.org

Ready to get started?Download WordPress

Forums

Mantra Theme Header Image Help! (4 posts)

  1. ianhowe
    Member
    Posted 1 year ago #

    I'm using the Mantra theme for a redesign of a friends site which is really configurable but I'm having a problem with the header image. I spent ages getting it all to look right but when I viewed the site on my laptop, the header image was cropped.
    I have fixed that by using the layout settings slider bar but now I see the header background color either side of the header image. Is there any way to have the image resize with whatever resolution someone's pc or laptop may be?
    You can see the results of my efforts here: http://www.ombabaji.org.uk/1081

    I've used WordPress for a few sites now but never had header image size problems before.

    I'm not an expert in coding so hoping someone may be able to tell me how to get round this one.

    Thanks

  2. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    This is not really a WordPress issue, but try adding

    backround-size: 100%;

    To the element with the background image.

    For further help, try a CSS-specific forum.

  3. ianhowe
    Member
    Posted 1 year ago #

    Thanks for the quick reply Andrew. I've searched styles.css and can find no reference to the header image.
    Don't know where else to look really.

  4. Andrew Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Try downloading this plugin to manage your CSS modifications, then enter within the plugin's allocated area of the dashboard;

    #branding {
     background-size: 100%;
    }

    I found the background image applied to <div id="branding" role="banner">, while using Google Chrome's Inspect Element tool.

Topic Closed

This topic has been closed to new replies.

About this Topic