Forums

How to eliminate white space on left and right side of header? (5 posts)

  1. karenclark
    Member
    Posted 1 year ago #

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

    http://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!

  2. elizawhat
    Member
    Posted 1 year ago #

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

  3. karenclark
    Member
    Posted 1 year ago #

    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!

  4. alchymyth
    The Sweeper
    Posted 1 year ago #

    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)

  5. karenclark
    Member
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic