Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

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

Can't get logo and header image overlay to be centered on all screen resolutions


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Feb 27, 2009, 12:37 PM
jockoe
 
23 posts · Feb 2009
How do I make it so that my site, http://www.tracyandcarol.com/, shows properly with all screen resolutions? Here's what I mean...

This is my site header at 1280 x 767


It looks perfect.

Here it is at 1024 x 768.


Not perfect.

The "RSS" and "Search" are pushed right off the screen, yet the right side bar remains.

I am using the overlay where the header image is supposed to be, to hold the day and date. It is positioned using the option "Header Image > Overlayed Blog Title/Tagline Style" - I have
..... float:none; margin-left:475px;
in there. I suspect that using pixels is causing my grief, but I was unable to use a percent or auto. Every time I tried either, my day/date remained aligned to the left. I also tried the instructions to position the div container (overlay) so that it would be in the center, but that remained left aligned also.

I thought the thread at http://forum.bytesforall.com/showthr...ht=screen+size might help, but it did not. Is there an options-only way to accomplish this or do PHP files need editing?

Last edited by jockoe; Feb 27, 2009 at 12:49 PM.
  #2  
Old Feb 27, 2009, 02:44 PM
Flynn's Avatar
Flynn
 
3,761 posts · Oct 2008
Munich, Germany
Change RSS Settings -> RSS Box Width from 280px to 180px

and add as CSS Insert:

HTML Code:
td.logoarea-logo {
width: 100%; /* to make this cell get all available width */
}
td.feed-icons,
td.search-box {
width: 200px; /* to limit these cells to the width of the right sidebar*/
}
img.logo {
margin: 0 auto;  /* center image */
}

If any of these doesn't seem to get applied add !important i.e.

HTML Code:
img.logo {
margin: 0 auto !important;
}

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to make logo area on beside or overlay header image? phuongnv Header configuration & styling 16 Mar 17, 2011 06:09 PM
Image not centered in frame paulae Atahualpa 3 Wordpress theme 1 May 4, 2009 09:20 PM
[SOLVED] For the life of me, I can't overlay the blog title in the header image? weightlosscoach Header configuration & styling 2 Mar 20, 2009 08:24 AM
How do you get header Image(s) to automatically resize to the screen resolution? nkita Header configuration & styling 0 Mar 14, 2009 06:59 PM
Header Image & Screen Resolutions HalfWayThere Header configuration & styling 1 Feb 22, 2009 03:03 PM


All times are GMT -6. The time now is 10:01 PM.


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