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? |
Change RSS Settings -> RSS Box Width from 280px to 180px
and add as CSS Insert: HTML Code:
td.logoarea-logo { If any of these doesn't seem to get applied add !important i.e. HTML Code:
img.logo { |
All times are GMT -6. The time now is 02:54 PM. |
Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.