Celsius theme link hover reactivity

• 

  waltmorr · Member · Aug 17, 2014 at 3:50 pm

  • Copy link
  • Add topic to favorites

  Except for the font (easy enough to change as needed), Celsius is nice.

  One question:

  All the link text and buttons react on mouse hover — they change color as one would expect, except for the post title and menu button. Could those two things be changed to react on hover the same as all other links in the theme?

• 

  timethief · Member · Aug 17, 2014 at 3:52 pm

  • Copy link

  I’ll tag this thread for a Themes Staff follow-up and response. Please subscribe to the thread so you are notified when they respond and please be patient while waiting.

• 

  waltmorr · Member · Aug 18, 2014 at 9:56 am

  • Copy link

  I look forward to their reply.

  Meanwhile, I noticed that in the Isola theme, which is almost the same as Celsius, the menu button is reactive, and is not in Celsius. In Isola, the blog name link is not reactive, but it is in Celsius, as in all other free themes I’ve looked at. Likewise, in Isola the search icon link is not reactive, but it is in Celsius.

  I suppose this kind of thing could be seen as a stylistic choice within a theme, but my preference would be that all free themes adhere to a convention of having all linked items (icons/buttons and hypertext) be reactive in one way or another (highlighting, color change, etc.), and noticeably so, not just in a vaguely discernible change in color shade.

  Such is my two cents on the matter.

• 

  thesacredpath · Member · Aug 28, 2014 at 4:31 pm

  • Copy link

  Hi there, and sorry for the delay on getting to this thread. The post titles can be made to change color in Celsius by adding the following custom CSS and then editing the color code as desired.

  .entry-title a:hover {
      color: #CC0000;
  }

  On the menu icon, I can’t seem to get the color to change on hover, but how about this? It adds a border and box shadow on hover. You can adjust the colors as desired.

  .toggle:hover {
      box-shadow: 2px 2px 2px #CC0000;
      border: 1px solid #CC0000;
  }