Is it possible to control the Facebook Like Widget width with CSS?
Looking at the source code…
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fhelpcameroon&width=400&height=414&colorscheme=light&show_faces=false&stream=true&header=false&force_wall=true" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 400px; height: 414px; background: #fff"></iframe>
…I can see that the width is determined by inline CSS, which is not ideal, and worse, the iFrame doesn’t have any sort of class to hook into with CSS. The classes & ids (ex. id=”facebook-likebox-2″) that house the iFrame have no effect on width of course.
I really would like to be able to control with iFrame’s width outside of the widget’s admin settings, which max out at a fixed, 400px and is also not very friendly when used in responsive designs. Being able to set width to a % via CSS would be awesome.
- The topic ‘Control Facebook Like Widget with CSS’ is closed to new replies.