Title: Hover Effect
Last modified: August 22, 2016

---

# Hover Effect

 *  [labyrinthgd](https://wordpress.org/support/users/labyrinthgd/)
 * (@labyrinthgd)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hover-effect-6/)
 * Would it be possible to add a hover effect to the Gauge in CSS or the short code?
   I would like it to change slightly when a user hovers like change color or size.
 * Any tips or input would be great.
 * Thanks!
 * [https://wordpress.org/plugins/gaugepress/](https://wordpress.org/plugins/gaugepress/)

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

 *  Plugin Author [Konstantinos Kouratoras](https://wordpress.org/support/users/kouratoras/)
 * (@kouratoras)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hover-effect-6/#post-5807092)
 * Hi! You can add some CSS code for the hover state of the gauge class, like:
    `.
   gaugePress:hover{}`
 *  Thread Starter [labyrinthgd](https://wordpress.org/support/users/labyrinthgd/)
 * (@labyrinthgd)
 * [11 years, 3 months ago](https://wordpress.org/support/topic/hover-effect-6/#post-5807097)
 * That was the first thing I tried. I tried things like this:
 * `.gaugePress:hover{color: #fff}`
    `.gaugePress:hover{width: 85%; height: auto;}``.
   gaugePress:hover {box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.35);}`
 * nothing did anything except the box shadow which only styled the div box, it 
   did’t do anything to the actual meter.

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

The topic ‘Hover Effect’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/gaugepress_83a449.svg)
 * [GaugePress](https://wordpress.org/plugins/gaugepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/gaugepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/gaugepress/)
 * [Active Topics](https://wordpress.org/support/plugin/gaugepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/gaugepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/gaugepress/reviews/)

## Tags

 * [css](https://wordpress.org/support/topic-tag/css/)
 * [hover](https://wordpress.org/support/topic-tag/hover/)
 * [shortcode](https://wordpress.org/support/topic-tag/shortcode/)

 * 2 replies
 * 2 participants
 * Last reply from: [labyrinthgd](https://wordpress.org/support/users/labyrinthgd/)
 * Last activity: [11 years, 3 months ago](https://wordpress.org/support/topic/hover-effect-6/#post-5807097)
 * Status: not resolved