Place a custom element (any text) somewhere on the home page
 

I know this seems insanely simple, but i'm stumped.

I create a div with some text in it and gave it an id, then added this to the index.php
<?php if (is_front_page())echo '<div id="slidernav">This is some text</div>'; ?>

which works fine.... The text shows up, but I cannot attribute any css to it.

What I cannot seem to do is modify that div.

in my css inserts I have:

#slidernav{
...... css stuff
}

What am i missing??

Does ATA not allow custom elements? (that's likely not the right word).

For example, if I just wanted a red box to appear on the site at some "absolute position".... how could I do that??

http://jacksonnhrealestate.com/

For what it's worth, this all started because my client wants a maroon bar (slightly opaque) across the bottom of the slider with their phone number in it..

What I'm trying to do here is basically replace the solid bar I have in there now (which is just a border)....

why do you have a */ before it?

To absolutely position an element the containing element must have a assigned position. So if you want to absolutely position #slidernav you should put position:relative on #container or #wrapper.

Also the CSS for opacity will affect all of #slidernav so the text will have more opacity as well.

the "*/" is likely the closing comment from the above css rule. (is that where you saw that?)

I'm not sure that my container or wrapper has an assigned position, so I'll check that. I have just been unable to assign ANY css to that thing. I'm getting the sense now that i'll just need to do a bit more reading on css... Thanks for your input gentlemen!

I think he commented CSS is causing the css for that element not to apply. As a test, move it up to the top