Motif: further on Follow button

• 

  margaretrosestringer · Member · Feb 10, 2014 at 3:57 am

  • Copy link
  • Add topic to favorites

  button, html input[type="button"], input[type="reset"], input[type="submit"] {
      background: #847659;
  }

  of course works perfectly. But I’m totally unable to work out how to go the next step and make the a: hover (and the rest) the same.
  (At the moment when one hovers the b.g. goes dark brown; and I’ve tried everything even remotely familiar to me …)

  The blog I need help with is: (visible only to logged in users)

• 

  margaretrosestringer · Member · Feb 10, 2014 at 4:21 am

  • Copy link

  To make myself more clear (a consummation devoutly to be wished), I’d like to point out the ‘Older Posts’ button on the bottom: it is white with fawn lettering and turns fawn with white lettering when hovered over.
  I want the Follow button to do the exact opposite, please …

• 

  thesacredpath · Member · Feb 10, 2014 at 4:37 am

  • Copy link

  I think this is what you are looking for. Find these two rules in your custom CSS and replace them with what I have below.

  #infinite-handle span {
      color: #FFFFFF;
      background-color: #847659;
  }
  #infinite-handle span:hover {
      background-color: #FFFFFF;
      color: #847659;
  }

• 

  margaretrosestringer · Member · Feb 10, 2014 at 5:05 am

  • Copy link

  #infinite-handle span {
  	color: #FFFFFF;
  	background-color: #847659;
  }
  
  #infinite-handle span:hover {
  	background-color: #FFFFFF;
  	color: #847659;
  }

  Copied and pasted what’s there now, and was I meant to remove the previous code? – I did …
  But it’s still showing the dark brown.
  WOT have I done?! :-|

• 

  margaretrosestringer · Member · Feb 10, 2014 at 5:06 am

  • Copy link

  … showing dark brown on hover.

• 

  thesacredpath · Member · Feb 10, 2014 at 5:43 am

  • Copy link

  So you don’t want any differentiation between hover and non-hover?

• 

  thesacredpath · Member · Feb 10, 2014 at 5:45 am

  • Copy link

  I’m seeing white background on hover with the brown text.

• 

  margaretrosestringer · Member · Feb 10, 2014 at 5:52 am

  • Copy link

  I do, me old china. I want it as stated (confusingly) earlier:
  the ‘Older Posts’ button on the bottom: it is white with fawn lettering and turns fawn with white lettering when hovered over.
  I want the Follow button to do the exact opposite, please …
  It’s the wrong brown, you see: it should be fawn. The darkish brown is from the earlier set of colors that matched the earlier banner …
  (The fawn is the #847659, which I do NOT see …)

• 

  thesacredpath · Member · Feb 10, 2014 at 6:26 am

  • Copy link

  I definitely need sleep. I was working on the older posts button. :(

  Follow button white with fawn lettering that turns fawn with white lettering when hovered.

  button:hover, html input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
      color: #FFFFFF;
      background-color: #847659;
  }
  button, html input[type="button"], input[type="reset"], input[type="submit"] {
      color: #847659;
      background-color: #FFFFFF;
  }

  And this will reverse my previous mistake on the older posts button and make it the opposite of the follow button (replace previous code).

  #infinite-handle span:hover {
  	color:#FFF;
  	background-color:#847659
  }
  
  #infinite-handle span {
  	background-color:#FFF;
  	color:#847659
  }

• 

  margaretrosestringer · Member · Feb 10, 2014 at 6:34 am

  • Copy link

  No, mate – what you need is a loooooooooong break from M.R.!!!
  With any luck, you can have it – I’m feelin kind. [grin]
  But it is well past your bedtime, Mr. S> – so hop off and go sleepybyes. Dream of the day when the old codger has asked every single CSS question in the book.
  And … thank from the heart, Rich. As ALWAYS.

• 

  thesacredpath · Member · Feb 10, 2014 at 6:36 am

  • Copy link

  You are always welcome and you know where we are. :)