Custom 'Following' button in Forefront theme

  • Unknown's avatar

    I have a custom ‘Follow’ graphical button in place, and am trying to figure out how to display a custom ‘Following’ button once someone has clicked to Follow. Here’s the CSS I’m currently using for the ‘Follow’ button:

    .widget_blog_subscription input[type=”submit”] {
    background-color: transparent;
    background-image: url(‘https://sumackloft.files.wordpress.com/2015/09/sumack_follow.png’);
    background-repeat: no-repeat;
    border-style: none;
    height: 182px;
    width: 300px;
    text-indent: -9999px;
    }

    I’d be grateful of a bit of guidance here.

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

  • Unknown's avatar

    Hi, perhaps I’m not understanding. Once someone has followed your site, at least for that visitor, there wouldn’t be a reason to still see a follow button.

    I’m currently not seeing the button on your site, can you explain a little further what you are wanting to do?

  • Unknown's avatar

    Ah, wait, I see it now on your blog page in the sidebar. (Be aware, I’m having to follow and unfollow your site a number of times looking for a way to do this.)

    I’ve looked at the CSS and HTML and do not see anyway to this. I thought that we might be able to put it in the “p” element that appears once you subscribe, but the problem is the “p” element is also there when you haven’t subscribed, and there isn’t really a way to differentiate since there isn’t a class or anything for the two scenarios.

  • Unknown's avatar

    Thanks for this, thesacredpath. So, it sounds as though the way this theme is constructed, there simply is no way to differentiate the ‘following’ state. Thanks for having a look and thinking this through, it’s greatly appreciated.

  • Unknown's avatar

    You are welcome and sorry I couldn’t come up with a solution for you. As you say, it’s just the way the theme is constructed.

  • The topic ‘Custom 'Following' button in Forefront theme’ is closed to new replies.