as it says in the title: is this possible?

I want to have some content that only shows up at the top of my home page, above the blogroll post, and I figured the way to do this would be to pin bar1 to the home page only.

any tips?

hide it with CSS using 'body.page-id-xx' as the start of your CSS selectors

so if I add this to my custom CSS it might work:?


body.home div#bar1





(it's too late to thinks straight right now, might have to look at it tomorrow)

Did you try it?

yes I did, also with a ";" at the end, because it seemed like I forgot that

body.home div#bar1;

You have no CSS rules, that is only a CSS selector. Without the rules it won't do anything.

so how would I go about getting it to work then?
there must be a simple way to just place the #pages menu bar in the footer?

I'm actually surprised that it hasn't been built in to Atahualpa yet...

oh, the site I'm working on for it is http://fischer-z.com
it is a bit in shambles because I'm editing different aspects at the same time, working from an existing site, but you'll catch the drift of what I'm trying to do.

Ok now I'm confused. Your question stated in the topic is how to addign bar1 or bar2 to a specific page.
1) There is no DIV with an ID of 'bar1' - did you look at the page code? Use a page inspector
2) even if there was, using

body.home div#bar1;

won't do anything since that is just the CSS Selector and you yave no rule associated with it.

You can't specifically assign bar1 and/or bar2 to a page, but you can ccontrol if they show or not using the CSS rule 'display: none;'.

I would have a general CSS selector/rule to turn them off, then a specific CSS selector/rule to sisplay them on a per page basis

oh crap, sorry, I'm mixing up two of my questions here.
the above post was for another thread about me trying to get the menu bar to work in the footer, must have slipped it into this thread....

++++++++++++++++++++++++++++++++

but about the bar1 div:

I thought that I hád a bar1 and bar2 because I had specified them in the 'style and edit HEADER AREA' tab in the Atahualpa settings.

for now there's nothing in there, just

height: 50px;
background: #ffffff;
border-top: solid 15px #ffffff;

but nevertheless they showed up in the header when activated there in that tab, so I assumed that I could somehow specify to have that show.

but I'm trying to go another route now, which I will ask about in a new thread (I'll first google and search the forum for answers, of course), but I will come back to this one later, because I still need to find out how to add something like this to a page, but I've too many other things going on right now to concentrate.

thanks

okay,
so I did go another route with the website, but by researching for that one, I got closer to understand how to solve this one, which is to activate the bar1 and/or bar2 in the HEADER SETTINGS, and then set a CSS selector to hide the bar for pages based upon a tag, for which I will just apply that tag to all my pages.

it might be quite a work-around, but with my current knowledge it's the only way I can think of.

thanks again, I'll mark this as SOLVED