WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Header width (5 posts)

  1. YCarnell
    Member
    Posted 5 years ago #

    Hi all,
    I'm trying to extend my header across the entire web page. When I adjust the width, the image only extends to the right. Can someone offer some suggestions?
    The url is http://www.spatterblog.com/

  2. esmi
    Forum Moderator
    Posted 5 years ago #

    You'd need to either use a new theme, edit the current theme extensively or widen the entire blog display.

  3. YCarnell
    Member
    Posted 5 years ago #

    how would i widen the blog display ? with #page?

  4. esmi
    Forum Moderator
    Posted 5 years ago #

    No - by itself that won't work.

  5. YCarnell
    Member
    Posted 5 years ago #

    topic has been resolved months ago and did not require "extensive" editing to my blog. Found answer at another blog, worked like a charm. Just wanted to let newbies know what to do if they encounter similar issues. Read the following post from another forum for a quick and easy fix:

    QUESTION: HEy guys! I'm a noobie and and have a wordpress blog that i've been trying to tinker with. WordPress really, as far as I know, only gives you unfettered access to php files and css, not html.

    What I am trying to do is extend my heading across the page, kind of like in on this site. the site is spatterblog (can't list the link but if you'll google you'll find it, or just add the .com). I want to know if i can use css to repeat the orange header image across the span of the page? I tried following the advise of one of the other posts with advised to use the following code and two images:

    body{
    background: #000000 url('your-image.png') repeat-x;
    }

    but I still can't get it to work. Any help would be greatly appreciated.

    ANSWER:if you add that code to your body tag, it will work; however, if the style you've added in your header for #page is the code you're using to repeat the header, it won't work because:

    you're targeting #page, which is the wrapper div for your site...it needs to be on the body element...

    you're telling it to repeat-y, which is vertical...you want repeat-x, which is horizontal...

    also, you don't really need to specify top after repeat-x, as it will start at the top anyway...

    hope that helps...

Topic Closed

This topic has been closed to new replies.

About this Topic