Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

Header image keeps center as page shrinks, but logo does not


  #1  
Old Feb 4, 2011, 06:04 PM
eleanorb
 
41 posts · Nov 2010
I have set my header image to align top center, so if I resize the page to be smaller (in my browser), the image shifts with the page so I always see the center-most section. However, the logo being displayed above it does not behave this way. It seems to be tied to the upper left, so as the window shrinks, we see less and less of the right-hand part of the logo.

Any way to make the logo also hang in the center?
  #2  
Old Feb 4, 2011, 06:21 PM
juggledad's Avatar
juggledad
 
23,560 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
Versions? URL?
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #3  
Old Feb 4, 2011, 06:35 PM
eleanorb
 
41 posts · Nov 2010
WordPress 3.0.4. Atahualpa 3.5.3
Still in development, olderwomensnetwork.org/ownwp
  #4  
Old Feb 4, 2011, 11:29 PM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
You have a full width logo so it will "stick" its left side to the container it's in. I would suggest setting the layout width to 1120px.
__________________
~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.
  #5  
Old Feb 5, 2011, 07:45 AM
eleanorb
 
41 posts · Nov 2010
I don't understand why you suggest this, but I tried changing the Layout Max Width from 1100 px to 1120 px, and I can't see that it makes any difference. See what you think (I've left the setting at 1120). Eleanor
  #6  
Old Feb 5, 2011, 07:54 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
Sorry... I meant to say set the layout to a fixed width of 1120px instead of a %. That way when you resize your window the layout will stay as you intend. My personal preference is to always use a static width so the page will look the same no matter what size the window is set at. That does mean I set my width to no more that about 1000px. In your case I said 1120px as your image is 1100px wide and you have 10px padding on each side. You could reduce the size of you logo image to say 980px and set the static width to 1000px.
__________________
~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.
  #7  
Old Feb 5, 2011, 08:04 AM
eleanorb
 
41 posts · Nov 2010
Yes, but then anyone with available screen space of less than 1120px will get the right-hand side of the entire site chopped off, and will have to be continually scrolling to read the posts! The previous method just restricts the visibility of the logo, with all other elements scaling as necessary. For instance, with fluid setting, on a small screen the center portion of the header image shows, so why isn't it possible to get the center portion of the logo to show, also? Thanks, Eleanor
  #8  
Old Feb 5, 2011, 08:19 AM
juggledad's Avatar
juggledad
 
23,560 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
why don't you use the logo image as your header image, then it will be cut off from both sides when the page is resized. Then make the minimum width of the page the width of the texe in the image.

If you want header images, you can add a new widget area and use something like teh dynamic headers plugin
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #9  
Old Feb 5, 2011, 08:31 AM
eleanorb
 
41 posts · Nov 2010
That sounds pretty complicated, and likely to develop other problems. Is the consensus then, that there is no direct way to get the logo to behave like the image header?
  #10  
Old Feb 5, 2011, 08:34 AM
lmilesw's Avatar
lmilesw
 
10,174 posts · Jul 2009
Central New York State USA
The logo area and image area are produced in different ways which is why the images act as thay do.

One way to accomplish what you want is to create a background image of just the blue pattern that is behind your title and put that in ATO>Style & edit Header Area>Logo Area Styling as the background with code like below.
HTML Code:
background: url("http://path to image") no-repeat top left;
Then put an image of just your text in the logo box and style it in Logo Image Styling by giving it a width and an auto left and right margins like below.
HTML Code:
width: 780px;
margin-left: auto;
margint-right: auto;
You may want to use other CSS for spacing above and below.
__________________
~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.

Bookmarks

Tags
alignment, header, logo

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
[SOLVED] How to center the logo image? essdeeay Header configuration & styling 12 Jun 14, 2010 03:49 PM
How can I get my logo in the center of the header area? vasantib Header configuration & styling 22 Mar 12, 2010 09:49 AM
Page menu bar and logo area on header image.. hollow Header configuration & styling 1 Feb 17, 2010 03:22 PM
If I Leave The Logo Image Field Blank, It Displays Broken Image Icon in Header psaltriparus Header configuration & styling 1 Oct 20, 2009 10:30 AM
[SOLVED] why insert image into image header in place to the blogtitle (like a logo) ? gilles Header configuration & styling 1 Sep 5, 2009 05:14 AM


All times are GMT -6. The time now is 09:53 AM.


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