Floating subscribe widget

  • Unknown's avatar
    nansera23 · Member ·

    hi, can you please make my subscribe button float and also change it from follow to subscribe? thanks

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi @nansera23, are you talking about the one at the lower right corner of your site? If so, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS to change “Follow” to “Subscribe”. 

    div#actionbar span {
  visibility: hidden;
  font-size: 10%
}
div#actionbar span:after {
  content: "Subscribe";
  visibility: visible;
  float: left;
  font-size: 13px;
}

    Floating buttons bring with them some issues. The main one is that on smaller screens, it can end up overlaying some of your content and cause your readers to have to scroll up and down in order to read what is being hidden underneath the button. The following custom CSS will make the follow button stay visible at the bottom right corner all the time. See if that will work for you. 

    div#actionbar.actnbr-hidden {
  webkit-transform: translate3d(0,0,0) !important;
  -moz-transform: translate3d(0,0,0) !important;
  -o-transform: translate3d(0,0,0) !important;
  -ms-transform: translate3d(0,0,0) !important;
  transform: translate3d(0,0,0) !important;
}
  • Unknown's avatar
    thesacredpath · Member ·

    Forgot to mention that I’m assuming you are talking about this site, https://theetherealoutlook.wordpress.com/. The one that you referenced in your first posting has been deleted.

  • The topic ‘Floating subscribe widget’ is closed to new replies.