Quote:
|
I went to "ATO>Export/Import Settings>Export Atahualpa settings as file" and pushed the button that said "Export & Download Atahualpa Settings File". The resulting file dump has no line feeds
|
it's not supose to have line feeds,. It's in the
JSON format
There is a major reason that you shouldn't add
HTML Code:
<!--Responsive BG image-->
<html style="[
background: url(http://MySite/wp-content/.../MyBackgroundImage.gif) no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
";>
<!--Shamelessly stolen from a website I lost track of, modified with Juggledad's suggestion-->
to the 'HTML Inserts: Body Top' option: You now have a page with
two <html> sections - this may not validate and may cause a problem in a browser (moble or desktop) at some point.
That said, what you have done with that code is applied styling to an element - you can do the same by moving the element's 'style=...' into a CSS style sheet - which is what happens when you put it into the CSS Inserts. Now there is a slight change in the syntax, but not much.
If, when you experimented with adding the code to the CSS Inserts option you used this
HTML Code:
<!--Juggledad's suggestion-->
html {
background: url(http://15nowtacoma.info/wp-content/ata-images/ata-background/background_Logo_c_fromJD.jpg) no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
<!--End of Juggledad's suggestion-->
it would not work because the '<!--Juggledad's suggestion-->' is not a valid comment in CSS.
Quote:
|
A CSS comment starts with /* and ends with */. Comments can also span multiple lines
|
So that line would have casued a syntax error in the CSS processor casuing it to ignore the remaining CSS (Depending on the browser since they handle things differently)
Sooooo, try again
1) remove the code from the 'HTML Inserts: Body Top' option
2) add the following to the 'CSS Inserts' option
HTML Code:
/* Juggledad's suggestion */
html {
background: url(http://15nowtacoma.info/wp-content/ata-images/ata-background/background_Logo_c_fromJD.jpg) no-repeat fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
/* End of Juggledad's suggestion */
3) test it and see if it works.
