[SOLVED] Background graphic file loads first in page transitions
 

Juggledad Genius,

Your posts have been my rock for more than two years. I am stuck on BFA and Juggledad.

Problem: the 1494 x 319 background graphic file (only one I like) loads first in actual size in the upper left side of the screen briefly before the page content comes up. This happens every time you change Menu links. Is there any way to adjust the CSS Insert to avoid this distraction?

I have a new site: http://wiltonsuites.com using the fabulous Atahualpa Theme. I followed some advise found on the forum and got the following CSS Insert to work:

img#bg {
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
}

#wrapper {
position:relative;
z-index:1;
}
div#menu1 ul.rMenu {
background-color: transparent !important;
}

ul.rMenu li a:link, ul.rMenu li a:active,
ul.rMenu li a:visited, ul.rMenu li {
background: transparent !important;
}

ul.rMenu li a:hover {
background: transparent !important;
}


Cheers,
Ray

I get a server not found on that link

I tried replicating your configuration and I did not get the original image showing first like on your site. Not sure what to tell you.

My server is iXWebHosting. Concerned that you say you get a different server. Please look at my site info: Attachment 1277

The URL for your site is misspelled

where did you put the line of code

I put the background image file named bg.jpg in the following location in my web shell:

/wiltonsuites.com/wp-content/uploads/bg.jpg

No you didn't read what I asked. The location of the FILE doesn't matter. Where in the Atahualpa theme options did you put that html statement? (it was probably in teh 'Add HTML/CSS Inserts' somewhere)

Ooooops :o

I had it in the HTML Inserts: Header
I moved it to HTML Inserts: Body Top

It seems to be working much smoother now.

Thank you so much.