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)
-   -   [SOLVED] blog not displaying correctly in safari (http://forum.bytesforall.com/showthread.php?t=701)

pltrace Mar 9, 2009 06:12 PM

[SOLVED] blog not displaying correctly in safari
 
i dont know if this is the right place to post this or not, but my blog looks great in IE and firefox but it is missing the white center background, the font colors are wrong and the general layout is skewed in safari. most people seem to have the opposite problem, that it works in safari. any thoughts? here is the link

www.prettylittlethings.com/blog

thanks!!

Flynn Mar 9, 2009 06:38 PM

Your CSS syntax is wrong for some of the option textareas at Atahualpa Theme Options:

At Sidebars -> LEFT sidebar style, change
HTML Code:

border-right: solid 1px #CCCCCC;
padding: 10px 10px 10px 10px;
background: #ffffff;

{
text-align: center;
}

to:

HTML Code:

border-right: solid 1px #CCCCCC;
padding: 10px 10px 10px 10px;
background: #ffffff;
text-align: center;

At Sidebars -> RIGHT sidebar style, change:

HTML Code:

border-left: solid 1px #CCCCCC;
padding: 10px 10px 10px 10px;
background: #ffffff;
{
text-align: center;
}

to:

HTML Code:

border-left: solid 1px #CCCCCC;
padding: 10px 10px 10px 10px;
background: #ffffff;
text-align: center;

At Widgets -> Widget Container, change:

HTML Code:

margin: 0 0 15px 0;
td#left a:link,
td#left a:visited,
td#left a:active,
td#left a:hover,
td#right a:link,
td#right a:visited,
td#right a:active,
td#right a:hover {
color: #123456 !important;
 font-weight: normal !important;
 text-decoration: underline !important;
 }

to:

HTML Code:

margin: 0 0 15px 0;
At HTML/CSS Inserts -> CSS Inserts, append the following at the bottom, after existing CSS styles (if any):
HTML Code:

td#left a:link,
 td#left a:visited,
 td#left a:active,
 td#left a:hover,
 td#right a:link,
 td#right a:visited,
 td#right a:active,
 td#right a:hover {
 color: #123456 !important;
font-weight: normal !important;
text-decoration: underline !important;
}

At Post/Page Styling -> POST Container: STICKY, change

Code:

background: #eee url(http://localhost/wordpress/wp-content/themes/atahualpa/images/sticky.gif) 99% 5% no-repeat;
border: dotted 1px #ccc;
padding: 10px;

to:

Code:

background: #eee  url(/blog/wp-content/themes/atahualpa/images/sticky.gif) 99% 5% no-repeat;
border: dotted 1px #ccc;
padding: 10px;


pltrace Mar 11, 2009 10:24 AM

you are amazing, thanks!

Gravity Sep 28, 2009 02:41 PM

I moved my site from a developer domain (dev.mysite.com) to the live version.
That left an incorrect URL for the sticky.gif file for me too, and so this answer helped me fix it.


All times are GMT -6. The time now is 07:36 AM.

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