Ajax Event Calendar
[resolved] Styling: Removing the border on mouse-over (6 posts)

  1. Primitive
    Posted 3 years ago #


    Great plugin - this is exactly what I was looking for.

    I have managed to style most of the plugin and widgets as I want them using Firebug and the !important in my theme's CSS. However, I cannot for the life of me work out how to remove that round-cornered border that appears when you mouse-over each item in the event list.

    Any pointers would be greatly appreciated.



  2. Eran Miller
    Plugin Author

    Posted 3 years ago #

    .aec-eventlist li:hover{-moz-box-shadow:0 0 2px #000;-webkit-box-shadow:0 0 2px #000;box-shadow:0 0 2px #000}

  3. Primitive
    Posted 3 years ago #

    Thanks for your quick reply, but that doesn't seem to work...
    Here's the site: http://j.mp/sQ9E5v

  4. Eran Miller
    Plugin Author

    Posted 3 years ago #

    That's not the solution, that's the class you were looking for and whose style you need to override.

  5. Primitive
    Posted 3 years ago #

    Oops - got it. Fixed! Thank you so much.

  6. squidz
    Posted 2 years ago #

    Eran - I can change that style til the cows come home, but it is not overriding the li:hover border style. The style you mention above, is for a shadow rather than border.

    I've even copied the style from custom.css, pasted in my stylesheet and tried to kill the shadow to no avail.

    Any additional input?

    I love the calendar features, but the unstyling has been a pain so that we can have the event list match our design.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Ajax Event Calendar
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic