Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   Can't get logo and header image overlay to be centered on all screen resolutions (http://forum.bytesforall.com/showthread.php?t=576)

jockoe Feb 27, 2009 12:37 PM

Can't get logo and header image overlay to be centered on all screen resolutions
 
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
http://www.tracyandcarol.com/the_tra...2/1280x768.jpg

It looks perfect.

Here it is at 1024 x 768.
http://www.tracyandcarol.com/the_tra...2/1024x768.jpg

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?

Flynn Feb 27, 2009 02:44 PM

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;
}



All times are GMT -6. The time now is 03:28 AM.

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