how to center my banner image in header?

  • Hi there!

    I tried already to do it by myself and using tips from other WP members but the problem still persists. The header image is not centered and worse, it appears differently in FireFox (the picture looks all the way to the right) and in Google Chrome it looks centered horizontally but lower than it should, which blocks the view of the beginning of text. I tried modifying the ccs and right now its as follows (the website is https://www.luzenelcielo.com/ ):

    #header {
    background: url(‘images/BrandleHeader.gif’) no-repeat top center transparent;
    margin: 0 auto;
    height: 548px;
    width: 1000px;
    }

    #headerimg {
    margin: 0 auto;
    padding: 0 auto;
    height: 144px;
    width: 100%;
    }
    Thanks in advance!

Viewing 1 replies (of 1 total)

  • Actually, that’s not header image, it’s the slideshow that gets pushed down by the above elements.

    At the current markup and CSS, put this in whatever Custom CSS option you have (if none, just install a Custom CSS plugin).

    #headerimg h1, #headerimg nav {margin-bottom: 0;}

Viewing 1 replies (of 1 total)
  • The topic ‘how to center my banner image in header?’ is closed to new replies.