WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Suffusion Remove Background from Side Widgets FB Like box, Follow Me, Query Post (4 posts)

  1. Guide Wikia
    Member
    Posted 11 months ago #

    Hi

    Stuck with Android OS at the moment and can't get correct Custom Include to remove the background boxes around sidbar widgets like the Facebook Like box (Jetpack - Plugin), Query Posts and Follow Me (Suffusion - Theme). I have tried many different Custom Includes online and none work. Without a FireBug type app im lost. I can to this for text widgets, just not for the widgets listed above.

    http://guidewikia.com/

    Thanks!

  2. Tara
    Member
    Posted 11 months ago #

    -Also try asking at Suffusion Support forum: http://www.aquoid.com/forum ;

  3. Sayontan Sinha
    Member
    Posted 11 months ago #

    Typically this would help with the backgrounds:

    #sidebar .suf-widget { background: none; }

    For the Jetpack Facebook Like you will have a bit of a problem, because you will see a white box inside the widget. I am not sure as to how you can get rid of it (I am not familiar with this widget of Jetpack). I am seeing this in your code:

    <iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FGuide-Wikia%2F503864906362053%23&width=200&height=175&colorscheme=light&show_faces=true&stream=false&show_border=false&header=false&force_wall=false" scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 200px;  height: 175px; background: #fff;"></iframe>

    The "#fff" lends the white background to this, and you can override it with "!important" in your CSS if Jetpack doesn't let you configure this.

  4. Guide Wikia
    Member
    Posted 11 months ago #

    The above worked and have Custom Include to adjust widgets up, right, down, and left margin below:

    You can remove the boxes for all widgets and move the widgets with:

    .suf-widget {background:none;border:none;margin:-5px 0 -5px -10px !important;}

    The values for used margins are in order: top right bottom left - adjust them as you need.

    Thanks guys!

Reply

You must log in to post.

About this Topic