Hello,

I'm using the Widgets module with SocialMedia module. When I list my tweets using the Twitter widget, the size of the font for the tweets is different than that of the rest of my web page how can I change that? I can't find the css file that that Widgets is using for that. It looks like the Widgets module is going to a website to load a script and am not sure if it is pulling css for fonts from there. Any help would be appreciate.
The website is http://www.darbycreek.org

Comments

TomDude48’s picture

TomDude48 CreditAttribution: TomDude48 commented

The social media module is just embeding a widget from Twitter. I am not sure if you can change the font, but I would think you can. The documentation for how to work with those widgets is here:
https://business.twitter.com/optimize/resources/

glidetothehoop’s picture

glidetothehoop CreditAttribution: glidetothehoop commented

It does not look like they are allowing any customization of the fonts. I would think this is a problem for a lot of people. What are the chances that your site's font type and size are the same as their widget? I really, really like the Social Media module. I just wish there could be some more customization on the Twitter end of things. If you have any other ideas, let me know. Thanks for your help!

glidetothehoop’s picture

glidetothehoop CreditAttribution: glidetothehoop commented

Ok..so I did a little digging and found that for some reason when the tweets are getting put in, the font it's choosing is "sans serif", but the rest of my website is using Arial...here's the code from my Drupal theme's .css file

p {
    margin-bottom: 0.8em;
    margin-top: 0.4em;
    padding: 0;
}
body.bf-a, .bf-a .form-text, .snf-a #site-name, .ssf-a #site-slogan, .ptf-a #page-title, .ntf-a .article-title, .ctf-a .comment-title, .btf-a .block-title {
    font-family: Arial,Helvetica,sans-serif;
}

Any thoughts on how I can get it to not use the sans-serif option for the tweets coming in from the SocialMedia widget?