WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. Ronester
    Member
    Posted 1 year 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.

    Thanks

    http://wordpress.org/extend/plugins/jetpack/

  2. Jeremy Herve
    Happiness Engineer
    Plugin Author

    Posted 1 year 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:
    https://developers.facebook.com/docs/reference/plugins/like-box/

  3. Ronester
    Member
    Posted 1 year ago #

    Ok thanks! :)

  4. voyageurqc
    Member
    Posted 11 months ago #

    does wordpress take charge of facebook admin?

  5. WPyogi
    Volunteer Moderator
    Posted 11 months 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:

    http://wordpress.org/support/plugin/jetpack#postform

    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

About this Topic