I ended up adding the following to my css. It works fine for the twitter object though.

.fb-like-box { background: #292929; }

Comments

TomDude48’s picture

TomDude48 CreditAttribution: TomDude48 commented
Status: Active » Postponed

We built the widgets around the standard options for each widget from their source. Facebook does not offer a background-color option so we did not include it.

I like your CSS work around though. I may look deeper into using CSS to work around the standard widget parameters.

Reg’s picture

Reg CreditAttribution: Reg commented

Interesting.

I think it's a good call to use the workaround as it makes the behavior consistent. If it seems "wrong" to add your own pieces in as standard maybe you could add a subsection (collapsed fieldset) in the appearance area called something like "Tweaks". Then people can enabled which workarounds they want.

TomDude48’s picture

TomDude48 CreditAttribution: TomDude48 commented
Status: Postponed » Closed (works as designed)

I added a system for customizing widgets, see this blog post:
http://www.leveltendesign.com/blog/tom/building-custom-widgets

For now I want to avoid adding any inline css to widgets. Go ahead clone the widget and add your css adjustment there and let me know how that worked for you.

Reg’s picture

Reg CreditAttribution: Reg commented

I like your article.

Please do avoid adding inline CSS at all costs. The minute you add inline CSS you create a situation where the only way to override it is through JavaScript.