Change Comments Link Hover Color - Aaron Meyers

Change the Hover Color of Links in the Comments

For whatever reason, all of the links on your site don't necessarily have the same colors or the same hover color. The comments section, for example, can often take on its own colors. If you would like to customize the link or hover color for your comments section, use the following code. Add the following to your theme's Advanced CSS settings:

/* Set the comment a:hover color to orange */
.sm-user-ui a:hover h3 {
  color: #f36f21 !important;
  -webkit-transition:color 0.25s ease-in;
  -moz-transition:color 0.25s ease-in;
  transition:color 0.2s ease-in;
}

/* Set the links to transition on hover. This code is necessary for when the mouse leaves */
.sm-user-ui a h3 {
  -webkit-transition:color 0.25s ease-in;
  -moz-transition:color 0.25s ease-in;
  transition:color 0.2s ease-in;
}

Comments

Powered by SmugMug Log In