Create Custom WordPress Follow Button

  • Resolved breecrowder

    (@breecrowder)


    9 years, 8 months ago

    As you can see at the bottom of this page, The WordPress follow button is just the standard WordPress button. I’d love to have a custom button that matches the rest of the social buttons, but I don’t know what link to use as a “follow” link.

    Does anyone have a solution for this? Thank you!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Siobhan

    (@siobhyb)

    9 years, 8 months ago

    Hi @breecrowder,

    The follow link is itself created using JavaScript and there isn’t a way for you to replace the button with your own image.

    You could, however, style it a little with some custom CSS. The following would change its background colour to #d54e21 (the shade of orange recommended in the Logo and Graphics section of ww.wp.xz.cn):

    .follow-button a {
    background: #d54e21;
}

    Hope that’s helpful!

    Thread Starter breecrowder

    (@breecrowder)

    9 years, 8 months ago

    Amazing, Siobhan. Thank you!

    Thread Starter breecrowder

    (@breecrowder)

    9 years, 8 months ago

    Actually, that seems not to have worked. Use same link as above.

    Siobhan

    (@siobhyb)

    9 years, 8 months ago

    Hi @breecrowder,

    Apologies for that mistake on my part! The CSS worked for me in my browser’s inspector and so I assumed it would work when added to your site’s custom CSS.

    I dug in a little deeper and found that it is not possible to style elements within an iFrame using custom CSS, which means it can’t be used to style the follow button on your site.

    As an alternative, you could consider searching the plugin repository for a follow button that allows more customisation options.

    I’m sorry I didn’t have the answer you were after here!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Create Custom WordPress Follow Button’ is closed to new replies.