The above gray www.remarpro.com bar going across the site

  • I’m new to wordpress and I have looked everywhere and cannot find an answer to this.

    The gray bar as you can see above, or others stylistically like it in a plethora of other sites is completely lost on me as to how to create it. Is it the header, the nav bar or simply tweeking the bkgd that makes it bleed off the width of the site?

    I know that it must be incredibly simple to do but I just can’t find any information and I’ve searched a lot.

    Please help, thank you.
    Scott

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

  • On this site, it is a div #header that extends the width of the page, with a background image of a gray block.

    On other sites, it may be a combination of a background image on the page plus a nav bar with a background to match.

    Thread Starter Scott Pollack

    (@spoll)

    Is that something that I’d need to dig into the code if I wanted to extend the black bar in say Twenty Eleven or is there a plugin that can be customized to accomplish that?

    Thanks

    I think you are talking about the nav bar. In T11, it is inside the page div that constrains the width. So, you could have 3 (maybe more) approaches:

    1. Find another theme (my recommendation).
    2. Edit header.php to change the structure.
    3. If you are not already using a background image, create a png image say 20px wide and height to match the distance from the top of the screen to the bottom of the black bar, with a black rectangle at the bottom the height of the nav bar. Set this as the background image with repeat-x.
    Thread Starter Scott Pollack

    (@spoll)

    Hey Mac, thanks for your help. I’m currently not working with Twenty Eleven, I was just trying to explain it as a visual example. I’m “dabbling” with WPfolio now and that bar isn’t an issue but I’d like to work with a theme that has it.

    Thanks again.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘The above gray www.remarpro.com bar going across the site’ is closed to new replies.