How to eliminate white space on left and right side of header?

  • Hi everyone. I am working on this WP site for a client:

    https://www.caterinaspeaks.com/speaker-wordpress/ (temp location)

    No matter the size of the header or width of the columns settings, there is always some kind of white space on the right or left of the header image. My client wants the header to go all the way across the interior page width, as well as the content and navigation. How can I achieve this?

    Any help is appreciated. I am using Thesis and can edit the custom.css or use OpenHook and I can also edit files via FTP if needed. I just don’t know what the code is or where the setting is for this. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)

  • Looks like the header image itself either has a margin, or the div that has the white background has padding in it.

    Thread Starter karenclark

    (@karenclark)

    No the header image has no margin, and there is no div (at least not that I know of, didn’t put one in) – it is just inserted into the “header” area with HTML using OpenHook. Any other ideas? Thanks!

    it is caused by this style in layout.css (quite at the beginning):

    .full_width .page { width: 93.8em; margin: 0 auto; padding-right: 2.2em; padding-left: 2.2em; }

    i.e. the whole page has a white padding on both sides;
    therefore, changing the paddings to zero will not only effect the white space on the side of the header image, but the whole page.

    (using firefox with the web developer add-on could help to check the html/css interaction)

    Thread Starter karenclark

    (@karenclark)

    THANK YOU SO MUCH!!! That did it!!!!!!!!!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to eliminate white space on left and right side of header?’ is closed to new replies.