Problem with changing font in Jetpack's Twitter Widget

  • Resolved broennimann

    (@broennimann)


    11 years, 6 months ago

    Hi

    I’m using Jetpack’s twitter widget and am generally quite happy with it. Only problem: I want to change the font of its title (“Tweets”) to match my theme’s font.

    I managed to change the color in style.css:

    /* change twitter widget font wtf */
    .widget ul li {
    color:#333333;
    }

    but so far no luck on influencing the font used. Ideas?

    Thank you.

Viewing 7 replies - 1 through 7 (of 7 total)
  • Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    Could you post your site URL here, so we can have a look?

    You can also use your browser’s inspector to find out what CSS rules are used with your other widget titles, and then copy these rules over to the twitter widget title.

    Thread Starter broennimann

    (@broennimann)

    Sure, here it is (still work in progress), widget is at the bottom right (and the blog page sidebar):
    https://broennimann.eu/

    I mean the font that just reads “Tweets”. I would love it to be the same font as used in normal widget titles (like “Neue Artikel – New Posts” on the left).

    Thank you very much.

    Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    Your site seems to be down at the moment:
    https://downforeveryoneorjustme.com/broennimann.eu

    Could you post again here once your site is up?

    Thread Starter broennimann

    (@broennimann)

    Sorry for that. It’s up again (I have no idea what happened, my hoster is usually top notch…)

    Jeremy Herve

    (@jeherve)

    Jetpack Mechanic ??

    Ok. I understand now. I’m afraid you won’t be able to customize the fonts used in that widget. The Twitter Timeline is an iFrame, hosted by Twitter, and they do not offer any options to change the fonts in the widget.

    You can find out more about the different customization options here:
    https://dev.twitter.com/docs/embedded-timelines#customization

    Thread Starter broennimann

    (@broennimann)

    Thank you for taking the time to look at it.
    Well, it’s not too bad (I’m a sucker for these kinds of details, but I’ll survive :-).

    Hi if you want to change / add titles to the Twitter Widget , why not disable the check boxes show header/ show footer in Appearance> Widgets, then create your own using html/css. Mine looks nicely customized (site not live yet) except for the font in the actual Twitter feed. Kind regards,
    Archie

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Problem with changing font in Jetpack's Twitter Widget’ is closed to new replies.

Tags