Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #19027

    Hi there!

    I would like the header image width and height to be fixed and not resize. How can I do that?

    You can see my ongoing work here: http://scienceontourne.com/newsite/

    Thanks!

    Valerie

    #101848

    I think I fixed my problem by removing the #apply_header_bg.fullscreen_stretch CSS. Will that cause problems with the theme?

    #101849

    Hi Valerie,

    I don’t think it would cause a problem at all. Just check all parts of your site to make sure. :)

    Regards,

    Ismael

    #101850

    Ismael and/or valabou, how do you get that stretch look with the picture so that it is all the way across? When I bought the theme, I thought it was an option and not a code change. I am more than willing to learn, but I am not sure where to go. I log into wordpress – go to appearance – editor – and from here, I have no idea what to do. I found this bit of code on a forum div #apply_header_bg{position:fixed;} but I am not sure where to put it. Any help with this matter would be greatly appreciated!

    James

    #101851

    Hi!

    You can add it to wp-content/themes/flagship/css/custom.css or into the quick css option field (theme options panel).

    Best regards,

    Peter

    #101852

    That did not work…where are some videos or a manual on how to work this thing???

    #101853

    Hi bjj_james,

    Kindly go to wp-contentthemesflagshipcsslayout.css and find this code block (line 489):

    #apply_header_bg.fullscreen_stretch{
    background-position: top center; background-attachment: scroll; background-repeat: no-repeat;
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
    }

    Replace it with:

    /*
    #apply_header_bg.fullscreen_stretch{
    background-position: top center; background-attachment: scroll; background-repeat: no-repeat;
    -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;
    }
    */

    Hope this helps.

    Regards,

    Ismael

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Fixed width and height header image’ is closed to new replies.