Jetpack by WordPress.com
[resolved] Control Facebook Like Widget with CSS (5 posts)

  1. Ronester
    Posted 2 years ago #

    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.



  2. Jeremy Herve
    Jetpack Mechanic
    Plugin Author

    Posted 2 years ago #

    I'm afraid the Like Box doesn't offer such options at the moment.

    You can try to work around the problem by creating your own Like Box with this generator:

  3. Ronester
    Posted 2 years ago #

    Ok thanks! :)

  4. voyageurqc
    Posted 2 years ago #

    does wordpress take charge of facebook admin?

  5. WPyogi
    Forum Moderator
    Posted 2 years ago #

    @voyageurqc - this thread is marked resolved and quite outdated (not even the same version of JetPack or WP) - you can start a new thread here:


    Including a link to your site and/or a more detailed question will help the JP team help you faster.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • Jetpack by WordPress.com
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic