Note: your old CSS might not work this year. Make sure yours is updated to this style!

Change your CSS here!

This code will change the style of the floating images so that they always appear in the same place on your screen and have a border that makes them more noticeable.

.floating_item { position:absolute!important; top:5px!important; left:5px!important; border:4px solid; border-color:!important;}

The following code will make your floating images look like this:

[IMG]http://i.imgur.com/3kgujVE.png[/IMG]

If you don't like the purple, you can change the hex code (which in this case is 9000FF) to match that of the colour you want. Use a site like Color Picker to get the hex code for your colour. The code is displayed on the left side of the page. It's very important that you replace only the 6 digits/letter, and leave the # and ! intact! You can also changed how thick the border is by changing the 4px to a number smaller or larger, which will make the border thinner or thicker respectively.

If the position of the image is inconvenient for you, you can change where it is on the page. If you get an event the event text may cover up your floating image. If this is the case, you can change the position so that the image is farther right, or further down. Adjust the amount of pixels in "top" and "left" to suit your needs. 200px left OR 150px down would probably work.

thanks!

You're welcome! Let me know if you need help with anything :)

awesome thanks :)

Thanks! Mine hadn't been working for months and I wondered how to fix it.

Thank you =)

Thank you for this! I was still using the old one and wondered why floating rreign items were all over the place this year, haha. Also, thank you for the editing explanation! ❤ Thats super helpful! I might be changing the color when Luminaire rolls around. xD

this is a great help to this older player, thanks.

thank you for this :)

I love purple! Thanks so much for the code! :D

Thanks, this makes it easier for me!