Change colors in follow button

• 

  serealities · Member · May 9, 2016 at 2:30 pm

  • Copy link
  • Add topic to favorites

  I would like to make the Follow button more visible (I’d make it flash if I could) but at least in color and brightness. Is there any CSS that I can use to make this change? Also, is there a way to leave the follow button open without the user having to click on the button?
  Thanks!

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

• 

  thesacredpath · Member · May 9, 2016 at 8:52 pm

  • Copy link

  Are you talking about the Follow by Email widget button, or the button that appears fixed at the bottom right of your site at the lower edge of the browser window? If the widget, give the following a try. I’ve made it bigger and bolder and also set it so the background and font colors reverse when you hover over it.

  #blog_subscription-2 input[type="submit"] {
      background-color: #cc0000;
      color: #fff;
      padding: 10px;
      font-weight: bold;
      font-size: 120%;
  }
  #blog_subscription-2 input[type="submit"]:hover {
      background-color: #fff;
      color: #cc0000;
  }

  You can edit the colors as desired.

  On the follow button at bottom right, if we kept it open, then on smaller screens/window widths, it would end up overlaying the content and make it harder for people to read your posts and pages. We can restyle it though. Again, I’ve added declarations that will allow you to make it stand out more and you can edit the colors and such as desired.

  #bit a.bsub {
      background-color: #33dd00;
      border: 4px solid #dd0033;
      color: #000;
      font-size: 120%;
      font-weight: bold;
      line-height: 1;
  }

  See what you think, and let me know.

• 

  serealities · Member · May 10, 2016 at 12:07 am

  • Copy link

  well, I must be using the widget :) I used both just in case. I love the bright color and I think it’s much better. I’d move it to a more prominent place but I don’t think my theme allows for that. As always, thanks so much for your help!

• 

  thesacredpath · Member · May 10, 2016 at 1:04 am

  • Copy link

  You are welcome. If you have more questions, you know where we are. :)