Changing the font for “Like” and “Be the first to like this.”

  • Resolved Joey

    (@joey4j)


    1 year, 9 months ago

    For Jetpack’s “Like” button and texts (e.g. Be the first to like this.), I’m trying to change to Arial (font-family: Arial, Helvetica, sans-serif), but using the following code doesn’t work. I believe I’m targeting the correct class, but it looks like “!important” added to your original CSS is preventing me from making the change. Any way to change the font? Thank you for your support.

    ********************
    .wpl-likebox, .wpl-follow a, .wpl-count a {font-family: Arial, Helvetica, sans-serif !important;}
    .wpl-button a {font-family: Arial, Helvetica, sans-serif !important;}

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Kellie (a11n)

    (@lavenderhaze)

    Hi there!

    The “Like” button is loaded inside an iframe. The “Be the first to like this” text is also loaded inside the same iframe. Because the content is loaded inside an iframe, it’s not possible to style it with CSS or customize its appearance in any way, so what you’re hoping to achieve here isn’t possible, unfortunately.

    Thread Starter Joey

    (@joey4j)

    I see, thank you for your response. Then, hopefully in the future, we’ll be given an option to choose font-family, as the current default doesn’t suit the style of my website. Thank you for your consideration.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing the font for “Like” and “Be the first to like this.”’ is closed to new replies.