hover button not working

Viewing 3 replies - 1 through 3 (of 3 total)

  • It would help us help you if you included a link to your example on your website, and tell us which works and which does not.

    Thread Starter simonmitas

    (@simonmitas)

    Hi Ross

    my website is:
    https://www.simonmitas.com
    the buttons are labelled request a quote (green button)
    they all have that code in: if i delete two of the buttons in then turns into a hover action,
    otherwise it stays the same.

    any idea why?
    of could you recommend a plugin that works?

    I now see that you are using javascript to fire the ‘hover’ action, firing upon mouse over and mouse out. May I respectfully suggest that plain old CSS is perfectly up to this task, and will not throw at you perverse browser issuses like IE or not.

    Make sure you are using a child theme first.

    This goes into your styles.css file:

    .top-widget .textwidget a {
 background-image: url("/wp-content/uploads/2014/07/quote.jpg");
}
.top-widget .textwidget a:hover {
 background-image: url("/wp-content/uploads/2014/08/quote-over.jpg");
}

    Each button then becomes:
    <a target="_top" href="https://www.simonmitas.com/?page_id=33" ></a>
    or maybe:

    <a target="_top" href="https://www.simonmitas.com/?page_id=33"> &nbsp; </a>

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘hover button not working’ is closed to new replies.