Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

How to make header image & menu bars stretch full width of the container?


  #1  
Old Oct 23, 2010, 03:10 PM
Shan_LSOS
 
60 posts · Jun 2010
How to make header image & menu bars stretch full width of the container?

I want the header to absolutely fit the container of the blog with no left or right borders and the top border very minimal. How do I do this? I have searched the forum and only found how to make the header go full width of the entire browser page. This is not what I want.

I have tried extended the width of the header area and all that does is give me more on the right hand side falling off the container of the whole blog.

Is there a solution to this?

Last edited by Shan_LSOS; Oct 23, 2010 at 04:30 PM.
  #2  
Old Oct 23, 2010, 03:52 PM
lmilesw's Avatar
lmilesw
 
10,176 posts · Jul 2009
Central New York State USA
You could set the right and left padding of div#container to 0 and then add padding to the posts etc. to compensate so that text in them isn't flush left or right.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #3  
Old Oct 23, 2010, 04:29 PM
Shan_LSOS
 
60 posts · Jun 2010
Ok, that still left about a 15-20px margin on the right side and then the nav bars were all off and the sidebars dropped below the content.

I was hoping for a quick fix. LOL Guess not.
  #4  
Old Oct 24, 2010, 12:34 AM
Shan_LSOS
 
60 posts · Jun 2010
I didn't leave the link because the site is still under construction and since it was a header issue with margins/padding, etc. I didn't think it was necessary.

In any case, the link is: http://shopwithmemomma.com/

As you can see it is all FUBARED.
  #5  
Old Oct 24, 2010, 11:30 AM
juggledad's Avatar
juggledad
 
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
You don't have a header image in you header...however you do have a LOGO image...
so...what does the logo have surrounding it?
http://shopwithmemomma.com/wp-conten...mages/logo.gif
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #6  
Old Oct 24, 2010, 02:03 PM
Shan_LSOS
 
60 posts · Jun 2010
In photoshop, when I was designing the header, I simply added a stroke outline to the header. I added nothing in the CSS for it.

And whenever designing Atahualpa, I have always added the header as a logo.gif. It's how I was taught to design for this theme. Should I be doing it differently?

Bookmarks

Tags
extend header, header

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to make header image not span full width of the page zachmorton Header configuration & styling 1 Sep 29, 2010 04:16 PM
[SOLVED] page & category menu bars longer than header image Vickie Header configuration & styling 4 Jul 23, 2010 09:28 AM
[SOLVED] Page menu bar gif image full width rcarbaugh Page & Category Menu Bars 4 Jan 13, 2010 12:43 PM
Image too small at 770 px for Atahualpa theme - any way to make it stretch to 100%? houston777 Header configuration & styling 1 Jul 5, 2009 04:25 PM
how to extend the added image to your layout width in menu bars? and some other Q's ppat2 Page & Category Menu Bars 1 May 5, 2009 05:28 PM


All times are GMT -6. The time now is 02:19 AM.


Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.