Change text colour when hover from grey

  • wristgym

    (@wristgym)


    5 years ago

    Hi there

    I went and copy/pasted some html from this forum so I can customise my text colours.. but Ive got stuck at the point of finding the code for the hover colour, which is by default grey. The code doesnt seem to contain it – i tried changing every colour I could! Here is the modified code.. anyone help? Thanks!

    .nav-menu>li>a:after{color:rgba(0,0,0,.3)}.main-navigation a,.social-links ul a:before{color:#ffffff}.menu-toggle,.menu-toggle:hover,.menu-toggle:focus{color:#ffffff}.main-navigation.toggled ul ul,.main-navigation.toggled ul ul a{color:#ffffff}.site-info a{color:#ffffff}.main-navigation li.current_page_ancestor>a,.main-navigation li.current-menu-ancestor>a{color:#ffffff}.main-navigation a:hover,.main-navigation ul>:hover>a,.main-navigation ul>.focus>a{color:#ff00ff}.main-navigation li.current_page_item>a,.main-navigation li.current-menu-item>a{color:#444}.main-navigation li.current_page_item>a .sub-menu li a,.main-navigation li.current-menu-item>a .sub-menu li a,.main-navigation ul ul li.current_page_item>a,.main-navigation ul ul li.current-menu-item>a{color:#ff00ff}body{background-color:#f0f0f0}.main-navigation,button{background-color:#000000}.main-navigation .nav-menu>li>a:after,.main-navigation .menu>li>a:after{color:#ffe898}a,.entry-title a:hover,.comment-meta a,.jetpack-testimonial .entry-title{color:#ff00ff}.widget_flickr #flickr_badge_uber_wrapper td a:last-child,.widget-area .milestone-countdown .difference{color:#ff00ff}.main-navigation ul ul a:hover,.main-navigation ul ul>li.focus>a{color:#ff00ff}input[type=”button”],input[type=”reset”],input[type=”submit”],#infinite-handle span{background-color:#ffe898}input[type=”text”]:focus,input[type=”email”]:focus,input[type=”password”]:focus,input[type=”search”]:focus,input[type=”url”]:focus,textarea:focus{border-color:#ffe898}.social-links ul a:before,.footer-widget-area button{background-color:#ffe898}.site-info a:hover{color:#ffe898}.footer-widget-area a:hover{color:#ff00ff}

    The page I need help with: [log in to see the link]

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

    (@jarretc)

    You would just target the following in the CSS

    a:hover {
	color: red;
}

    There are some a:hover settings in that CSS you posted however they are specific to certain parts of the site and not links in general.

    supernovia

    (@supernovia)

    Thanks @jarretc ??

    @wristgym if you need more help, let us know. There are also some handy tutorials out there on how to find and change CSS. This one applies to sites hosted at WP.com, so a few things will be different (like you won’t need a special plan). But I just mention it because we can get feedback for updates if you find anything confusing. There are tons of other tutorials out there, too.
    https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/

    • This reply was modified 5 years ago by supernovia. Reason: clarifying :)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change text colour when hover from grey’ is closed to new replies.