Jump to content


Photo

Station Pro Feature Background Issue


This topic has been archived. This means that you cannot reply to this topic.
8 replies to this topic

#1 nabiscuit

nabiscuit

    Member

  • Members
  • PipPip
  • 27 posts

Posted 17 April 2010 - 03:51 PM

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?

#2 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 19 April 2010 - 07:15 AM

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

#3 nabiscuit

nabiscuit

    Member

  • Members
  • PipPip
  • 27 posts

Posted 19 April 2010 - 10:16 PM

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.

#4 nabiscuit

nabiscuit

    Member

  • Members
  • PipPip
  • 27 posts

Posted 20 April 2010 - 04:04 PM

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/

#5 nabiscuit

nabiscuit

    Member

  • Members
  • PipPip
  • 27 posts

Posted 20 April 2010 - 08:25 PM

?!?

#6 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 20 April 2010 - 10:29 PM

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.

#7 nabiscuit

nabiscuit

    Member

  • Members
  • PipPip
  • 27 posts

Posted 21 April 2010 - 08:35 AM

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.

#8 cmunns

cmunns

    Advocate

  • Members

  • 6537 posts

Posted 21 April 2010 - 04:31 PM

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; } `

#9 nabiscuit

nabiscuit

    Member

  • Members
  • PipPip
  • 27 posts

Posted 22 April 2010 - 10:59 PM

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.