I am using the widgets module with social media. I am trying to set the width of the fb like box and the twitter feed widget to 100%, but have not had success. Is this possible? I have tried to use the important flag in my css. If this is possible please advise. Thank you. If this is a social media issue please advise and close issue.

Comments

21tech’s picture

21tech commented
Status: Active » Closed (fixed)

Got it figured out.

Here is the css I finally got to work:

.fb-like-box, .fb_iframe_widget, .fb-like-box span, .fb-like-box span iframe, .fb_iframe_widget span, .fb_iframe_widget span iframe
{
width:100% !important;
max-width:100% !important;
}
.twtr-doc
{
width:100% !important;
max-width:100% !important;
}

I probably could have used less for the fb, but I don't have time to narrow down exactly which classes are required.

Anonymous’s picture

Anonymous (not verified) commented
Status: Closed (fixed) » Active

your solution is working great, except for the images height of the facebook feed. It seems the width is 100% but the height is non proportional. Sorry for my english. You can see an example on http://scuolascimontebianco.com. Any help to fix the issue?