WordPress.org

Support

Support » Themes and Templates » CSS help: customized my header and now navigation bar is wacky

CSS help: customized my header and now navigation bar is wacky

  • Hello,

    I am just figuring out this whole css thing. I finally was able to install my header. But after I centered it, the navigation bar below the header also moved over to the right, and then the text in the navigation buttons disappeared.

    Here is the site:
    http://www.tastehungary.com/

    And here is the relevant code:

    #header {
    background-image: url(‘taste-hungary-logo.jpg’);
    background-repeat: no-repeat;
    margin-left: 350px;
    padding: 30px 15px 15px 60px;
    height: 177px;
    width: 286px;
    }

    #header a {
    display:block;
    text-indent:-200em;
    height:100%;
    text-decoration;
    }

    Can someone please advise me on what I should change?

    Thanks so much in advance!
    Carolyn

Viewing 3 replies - 1 through 3 (of 3 total)
  • Edward Caissie

    @cais

    Theme Review Admin, The JellyBeen Man

    In your style.css file (around line 146) change the #blogtitle a element to:

    #blog-title a {
      background:url("taste-hungary-logo.jpg") no-repeat scroll center top transparent;
      display:block;
      height:177px;
      width:286px;
      margin:0 auto;
    }

    … by adding the margin:0 auto; property your image will center.

    Thank you…..it worked!

    Edward Caissie

    @cais

    Theme Review Admin, The JellyBeen Man

    You’re welcome.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS help: customized my header and now navigation bar is wacky’ is closed to new replies.