Bevel top menu

• 

  thesacredpath · Member · Jul 14, 2011 at 6:25 pm

  • Copy link

  @TT, on my way.

• 

  realagenda · Member · Jul 14, 2011 at 10:10 pm

  • Copy link

  I found out that error and fixed it. However, I wasnt able to do the same changes to the blogroll.

• 

  thesacredpath · Member · Jul 14, 2011 at 11:22 pm

  • Copy link

  I’ll have a look at it in a little while. I’ve got some stuff to do right now that I need to get taken care of.

• 

  realagenda · Member · Jul 14, 2011 at 11:24 pm

  • Copy link

  thanks a lot!

• 

  thesacredpath · Member · Jul 15, 2011 at 2:27 am

  • Copy link

  I’m not exactly sure what happened, but the code I had given was working the other day, but not now. Give the following a try. (The Firebug add-on I use can sometimes play tricks.)

  .widget_links ul li a:link {
  text-shadow: 1px 1px #000000 !important;
  background: url("http://realagenda.files.wordpress.com/2011/02/darkgrey1.jpg") repeat scroll center center #FF0000 !important;
  color: #ffffff !important;
  }
  
  .widget_links ul li a:hover {
  background: url("http://realagenda.files.wordpress.com/2011/02/red1.jpg") repeat scroll center center #000000 !important;
  }

• 

  realagenda · Member · Jul 15, 2011 at 1:20 pm

  • Copy link

  Are these tweaks browser dependent? I am asking because after applying the effects on the blogroll, the changes do not show up on explorer, but do show up on Firefox.

  Also, for some reason, on Firefox two of the links appear with the font in red originally instead of white.

  Similarly, on Firefox, after I click on of the links on the recent posts, it changes color from its original white, to red. Would it be because it has been “visited”?

• 

  thesacredpath · Member · Jul 15, 2011 at 5:41 pm

  • Copy link

  Everything appears fine for me in Firefox, Safari and in Opera. IE, will not render the text shadow because it does not yet support it. Perhaps IE 10 will.

  It does appear like there is a “visited” color set for the blogroll. I had not clicked on a link in the blogroll while figuring out the code because it then wipes out my CSS changes in Firefug. The following will fix the visited issue.

  .blogroll a:visited {
  color: #ffffff !important;
  }