Curved menus

[tommygunner]

I’m using a WordPress theme that has a curved horizontal menu. I’ve applied the Suckerfish plugin css to this theme and now have a working dropdown menu.

The last thing, I would like to fix is to have it so that my rectangular mouseover box doesn’t look rectangular when highlighting "Home" which is on the far left of the screen and has a rounded edge.

I’m wondering how I can define a css style for "Home" without messing up the rest.  "Home" is currently using < ul id="suckerfishnav" >.

[imported_Ryan]

Hi tommgunner,
Do you mean you need to apply a background image to a specific menu item?

In which case I think the following code would do the trick for a list item with a class of .page-item-25:

[code:2vzor0p6]
<ul id="suckerfishnav">
  <li class="page_item page-item-25">
    <a href="">
      TEST
    </a>
  </li>
</ul>
[/code:2vzor0p6]

[code:2vzor0p6]
#suckerfishnav li.page-item-25 {
  background:url(‘images/bla.png’);
  }
[/code:2vzor0p6]

You can find the class of WP pages or categories by viewing the source of your page.

[tommygunner]

Cool, thanks.

[Author]

Posts