Station Pro Feature Background Issue

[nabiscuit 0]

Trying to get the background of the Feature to be semi-transparent. Usually I would do this with a semi-transparent 1x1 png file, but it's not working. I'm still seeing the StationPro gradient background behind my PNG. How do I get rid of that?

[cmunns 16]

Have you inspected it with firebug? I'll happily do it if you provide a link to your site.

[nabiscuit 0]

Yes I have but I couldn't figure it out. Here's the link to the site I'm working on... http://02f5cdd.netsolhost.com/blog/ I'd also like to change the page links in the navbar to graphics. But I can't figure out how to do that either... Kinda wish you could just throw a wordpress site into Dreamweaver... Anyway, if you can help me out, I'd be much obliged.

[nabiscuit 0]

Okay, I fixed the background issue... Now I'm just trying to replace the navbar buttons with actual images. Is that doable? http://02f5cdd.netsolhost.com/blog/

[nabiscuit 0]

?!?

[cmunns 16]

You can do the navigation by hand and add images that way instead of having wordpress do it automatically as you create pages, however, that seems like it would take some time if you had a lot of links and subnav etc. What I would do is use the page-item classes and css to create background images, then indent the text so it doesn't show up in the box.

[nabiscuit 0]

Thanks man, that's a great idea... I think I'm going to do that. But would I have to create a different class for each link then? And then specify those in the header.php? Also, do you know where I can delete the border and the background color for the navbar hover state and the nav submenu state? I've messed around with everything in the css (so i thought) and I still can't seem to find it. http://02f5cdd.netsolhost.com/blog/ Take a look at what happens when you hover over the links in the navbar. Oh, and thanks for getting back to me.

[cmunns 16]

To get rid of the border on the hover add this to your custom css code area: `#nav ul.dropdown li.menuhover > a {border:none;}` Are you familiar with firebug? If you use firebug and hover over each menu item it shows you the class that has been assigned to each. For example "screenings" is list item with a class of "page-item-3" "about the film" : page-item-2 so in the css you can add something like this: ` li.page-item-2 a{ background: URL('imagepath') no-repeat 0 0; text-indent:-9999px; } `

[nabiscuit 0]

This is looking as if it might be more of a headache than it's worth... I threw the code in. It's not working #1, but it looks as though the page-item-3 class also effects all the drop downs as well. So all the children of the parent nav page also are affected by the picture swap... And yes, I fixed the navbar. Thanks. I was having the hardest time getting firebug to tell me what was controlling it. I finally found the dropdown.css file and did all my changes there. I appreciate the help.