How to Center Header Image in Scribble Theme

Community Forums Forums General Discussion How to Center Header Image in Scribble Theme

This topic is: not resolved

This topic contains 5 replies, has 2 voices, and was last updated by  SoZo 1 year, 9 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #16759

    smokey216
    Participant
    Post count: 8

    Hi there…I’ve been trying to figure out how to center a header image in the Scribble theme, and it’s looking good for Firefox and Chrome, but not IE9. I tried this in my css but I would love to know a way to center it without setting a particular margin or padding.

    Not sure why the header image doesn’t just center like the navigation does…anyway here’s my css code:

    /* Melanie 1/28/2013 added padding to left margin to move image to center */

    #header {

    background: url(images/bg-header.png) top repeat-x;

    min-height: 105px;

    margin: 0 0 10px 230px;

    overflow: hidden;

    }

     

    Any help is greatly appreciated!

    Melanie

     

    #16775

    SoZo
    Moderator
    Post count: 1573

    Please include a link to your site with all questions so that people can see what is going on.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #16781

    smokey216
    Participant
    Post count: 8

    It’s in preview mode here: http://dev.jiannecarlo.com.previewdns.com/

    Thanks and sorry for not including it the first time!

    :-)

    #16795

    SoZo
    Moderator
    Post count: 1573

    Ok, remove the left margin and add “background-position: center !important;” to the #header rule.


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

    #16826

    smokey216
    Participant
    Post count: 8

    Thank you, thank you, thank you! I think that did it! Even on mobile. AWESOME css funtionality to learn…thanks a million!!

    :-)

    Melanie

    #16847

    SoZo
    Moderator
    Post count: 1573

    You’re welcome :)


    John “Nicolas Flamel” Wright | SoZo’s design| John Wright Photography

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

The topic ‘How to Center Header Image in Scribble Theme’ is closed to new replies.