Go Premium for a chance to win a PS4. Enter to Win

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 259
  • Last Modified:

hovering on menu - changing the font

Hi guys, on my site http://www.piratescove.ie/adventure-golf/ when you hover over adventures you will see there isa black feint going around the letters, is there anyway of getting rid of this?

thank yuo as always
0
jonathanduane2010
Asked:
jonathanduane2010
2 Solutions
 
Ishaan RawatDesigner | Developer | ProgrammerCommented:
Add this to your CSS...

.sub-menu li a {
text-shadow: 0px 0px 0px #000;
}

Open in new window

0
 
WebDevEMCommented:
Hi,

In http://www.piratescove.ie/wp-content/themes/twentytwelve/style.css line 1788 it's setting a text-shadow on .main-navigation li a.  if you remove the following line (1797) it will go away.
text-shadow: 1px 1px #000000, -1px -1px #666666;

Open in new window


WebDevEM
0
 
Michael MachieFull-time technical multi-taskerCommented:
To Clarify:
When I hover over Adventures I see no black feint. However, when I hover over Adventures the menu drops down, displaying Adventure Golf and other links. When I hover over Adventure Golf, I see a black feint behind those letters. I also noticed that 'Adventures' is always white, not green like the other 'Tabs'. I assume this is not what you want either.

If the feint behind 'Adventure Golf' is what you are referring to, it appears that the CSS is controlling the behavior for that object, and you may want to start there. When i click on 'Adventure Golf' it only refreshes the same page and does not link anywhere else.

Is this the object you are referring to?
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Tackle projects and never again get stuck behind a technical roadblock.
Join Now