Jump to content
Sign in to follow this  
alisamski

Feature pic moving up and under a semi-transparent nav bar

Recommended Posts

alisamski

Reposting again... apparently I clicked the wrong button and accepted the answer instead of leaving it open.. sorry. How can I move the feature slider picture up and under the nav bar and having the picture show thru a semi-transparent nav? Here is my nav code so far... /* NAV BACKGROUND AND BORDER UNDER NAV */ .navigation_wrap { border-top: 5px solid #000000 !important; border-bottom: 5px solid #000000 !important; background-color: #000000 !important; opacity: 0.35; } link

Share this post


Link to post
Share on other sites
Rob
I don't believe this is possible. However, you can achieve your goal in a different way. Please see this http://www.cssplay.co.uk/menus/menu-cssm120610.html found at http://www.cssplay.co.uk/menus/ You can replace the blue background for that menu with a semi-transparent graphic and use the image background just as they do. View page source at that first link to see how that's done. You can't slip our slider under the menu because they're two totally distinct sections.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
alisamski
I'll give it a try and let you know how it works out.

Share this post


Link to post
Share on other sites
alisamski
Having a hard time isolating where I need to put the transparent gif... tried everything from the nav row to nav container to the content pad etc.... UG!

Share this post


Link to post
Share on other sites
alisamski
Here's an example of the transparent menu I'm trying to achieve... [img]http://www.baldwinbrookfarm.com/wp/wp-content/uploads/images/BBFnavlayout.jpg[/img]

Share this post


Link to post
Share on other sites
catrina
I believe it may be accomplished by pushing the navigation down rather than pushing the image up. Have you already tried that?

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
alisamski
No... can you help me...

Share this post


Link to post
Share on other sites
alisamski
[url="http://baldwinbrookfarm.com/wp/"]link[/url]

Share this post


Link to post
Share on other sites
catrina
Try this CSS (Custom Code > Custom CSS): [code]section#nav {margin-bottom: -50px;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
alisamski
That actually worked... :-) I will be playing around with shifting/replacing of header art etc... and will post here when this is complete. thank you thank you thank you...

Share this post


Link to post
Share on other sites
Jenny
Glad @catrina 's solution worked for you! If you still need assistance, let us know. Otherwise please accept an answer to close this topic. Thanks!

Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×