how to put Image Banner in the background

Permalink
I am using Amiant Css menu and Image banner blocks.

The Image banner is below the Amiant Menu with a banner. For some reason when the mouse hover over the menu the sub menu that drops down is over shadowed by the image banner

How can I make the menu to be on the foreground and the banner to the background?? Your help is appreciated. I dont know any programming FYI

 
CygnetMidwest replied on at Permalink Reply
CygnetMidwest
My guess would be that you will need to edit the CSS in your site. Probably set the z-index of the menu to be above that of the banner.

If you can post your site's URL, I can look at the code and then give you exactly what you would need to put into the CSS of your site.
SignallHill replied on at Permalink Reply
The address is check1.c5host.com

hover above About to see what I am saying. This happens in IE.
CygnetMidwest replied on at Permalink Reply
CygnetMidwest
OK, here's what you need to put into your theme's CSS file:

div.amiant-css3-menu-navigation-bar {
position: relative;
z-index: 100;
}

That will make the menu appear above the banner image. You'll want to put this into the main.css file located in concrete5/themes/greek_yogurt/

You may also want to create a new theme instead of modifying the core Greek Yogurt. Check out this post for info on how to do it:
http://www.concrete5.org/community/forums/themes/modifying-greek-yo...

Hope that helps!
SignallHill replied on at Permalink Reply
Great. Thanks so much

One more questions on the same page.

Below the banner I have Welcome to A....

Below that I have Ticketing. I want to reduce the space betwen these two blocks. Right now it is just too much. Any idea?/
CygnetMidwest replied on at Permalink Best Answer Reply
CygnetMidwest
You bet. To reduce that space, you'll want to open up typography.css and search for this code:
div#main-container #header h1 {
display: inline;
float: left;
font-size: 28px;
margin-bottom: 0;
margin-left: 45px;
padding-bottom: 55px;
}

Change that second to last line to:
padding-bottom: 5px;

OR

padding-bottom: 0;

That should do it.
SignallHill replied on at Permalink Reply
What you did works. I used FireBug to enter your changes. How the hell do I save it??

Any youtube vids or instruction you can give me.
SignallHill replied on at Permalink Reply
I think I have found the answer. I have trial and I am not allowed to do it. Thanks for the info
CygnetMidwest replied on at Permalink Reply
CygnetMidwest
--- EDIT ---
I see what you mean. You set up a demo. Yeah, you're right—you won't be able to make the changes you need on that demo.

I would look for a regular web site host if you need to make this site you're working on real. If you're interested, I could setup and host your C5 install. I host quite a few for my clients. PM me if you're interested or have questions.
- - - - - - -
There is no trial version of Concrete5. And you would not be able to install add-ons in a demo version, so you must be using a full install of it.

I can post some more detailed instructions for you later. Don't have time right now.

This website stores cookies on your computer. These cookies are used to improve your website experience and provide more personalized services to you, both on this website and through other media. To find out more about the cookies we use, see our Privacy Policy.