WordPress.org

Ready to get started?Download WordPress

Forums

Easel
[resolved] How to make the header fill the entire page width? (6 posts)

  1. GabriDias
    Member
    Posted 10 months ago #

    Hi,
    I don't know how to make the header fill the entire page width, someone can help me? (my header it's a image .jpg).

    Thanks!

  2. Frumph
    Member
    Theme Author

    Posted 10 months ago #

    First thing you do is remove the constrains of the 980px width that is holding that section.

    #page { width: auto; }

    Next is you reconstrain the rest of the items 'except' the #header

    #menubar-wrapper, #breadcrumb-wrapper, #content-wrapper, #footer { width: 980px; margin: 0 auto; }

    That will make the #header { } not be constrained by 980px and you can then make it as wide as you want.

    However, you're going to find that it's going to mess up the look on almost all browsers, if those browsers were to minimiaze their width and not be full screen all the time, especially mobile browsers.

    Putting the wide image in the #page-wrap would be more appropriate and then just padding the #header section to have it display

  3. GabriDias
    Member
    Posted 10 months ago #

    How do i edit the css of my image? I need to my background to repeat-x.
    Ty

  4. Frumph
    Member
    Theme Author

    Posted 10 months ago #

    if you're using appearance -> header; there's options on its page for that

  5. pmsoft85
    Member
    Posted 8 months ago #

    Apologies I am very new to wordpress and I am using easel.
    I have made a few modifications and I am happy with the results so far.
    I would just like to know where you would make the above edits.
    Thanks

  6. Frumph
    Member
    Theme Author

    Posted 8 months ago #

    The jetpack plugin has an "Edit CSS" ability or you can use a child theme and add it to the child theme's style.css

Reply

You must log in to post.

About this Theme

About this Topic

Tags