Title: Element Colors/Hover
Last modified: August 21, 2016

---

# Element Colors/Hover

 *  Resolved [Skeletore](https://wordpress.org/support/users/skeletore/)
 * (@skeletore)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/element-colorshover/)
 * I am pretty new to CSS but have been figuring out how to use the CSS Editor that
   came with Jetpack. I have been changing my color scheme to a more green theme.
 * I’m working on the menu bar right now and have everything I want except for the
   little arrow. I can’t seem to find the hover element to implement into CSS and
   change its color on rollover. Any ideas?
 * This is the website I’m working on. [http://thevikingfrog.com/](http://thevikingfrog.com/)

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

 *  [MartinGBEdwards](https://wordpress.org/support/users/martingbedwards/)
 * (@martingbedwards)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/element-colorshover/#post-4187005)
 * The arrow pointer is usually set to “auto” which means it will change as appropriate
   to the content. You can change it for particular elements using the “cursor” 
   property. However the only way of changing the color is to create a .gif file
   which is a copy of the pointer you want but coloured in. You can then use the
   property `cursor:url` to point to it.
    This page explains in more detail [W3Schools](http://www.w3schools.com/cssref/pr_class_cursor.asp)
 *  [MartinGBEdwards](https://wordpress.org/support/users/martingbedwards/)
 * (@martingbedwards)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/element-colorshover/#post-4187051)
 * Sorry, I just spotted your other post on this, and now see what you are asking
   about so ignore my last reply. I had a quick look at your css but can’t immediately
   see where the green triangle is coming from. You could try adding a background
   image on current menu item hover that included the triangle in the correct hover
   colour. It might need a bit of fiddling with padding and margins to get it to
   behave.
 *  [MartinGBEdwards](https://wordpress.org/support/users/martingbedwards/)
 * (@martingbedwards)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/element-colorshover/#post-4187245)
 * Right, it’s been driving me mad all afternoon but I have now got the difinitive
   answer for you courtesy of this [reply](http://wordpress.org/support/topic/change-colors-on-navigation-bar?replies=5)
   a few weeks ago.
    I am assuming you are working with a child theme but if not
   please use one so that these changes don’t get overwritten if Expound is updated.
   In your case I think you already done some of this so if you just add the following
   into your .css file
 *     ```
       /*---------- triangle on hover ----------*/
       .navigation-main ul > .current_page_item:hover a:after,
       .navigation-main ul > .current-menu-item:hover a:after,
       .navigation-main ul > .current-post-ancestor:hover a:after,
       .navigation-main ul > .current-menu-ancestor:hover a:after,
       .navigation-main ul > .current-menu-parent:hover a:after,
       .navigation-main ul > .current-post-parent:hover a:after {
       	border-color: #fc03a5 #fff #fff;
       }
       ```
   
 * that should work.
    Obviously change the border color to your exact needs!
 *  Thread Starter [Skeletore](https://wordpress.org/support/users/skeletore/)
 * (@skeletore)
 * [12 years, 7 months ago](https://wordpress.org/support/topic/element-colorshover/#post-4187266)
 * Thanks! That worked perfectly! I appreciate the help!

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

The topic ‘Element Colors/Hover’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/expound/2.0.1/screenshot.png)
 * Expound
 * [Support Threads](https://wordpress.org/support/theme/expound/)
 * [Active Topics](https://wordpress.org/support/theme/expound/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/expound/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/expound/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Skeletore](https://wordpress.org/support/users/skeletore/)
 * Last activity: [12 years, 7 months ago](https://wordpress.org/support/topic/element-colorshover/#post-4187266)
 * Status: resolved