Skip to main content

Widget background colour

19 months ago
OfflineDave Walker
Dave Walker

Is it possible to have a transparent background colour for a widget? There's no setting in Appearance, and the inline style seems to override classes.

-----
You liked this too0 people like this discussion.
 
Concluded

0 Conclusions:

2 Replies

OfflineAhmad Merhi Ahmad Merhi said 19 months ago

Yes Dave, it is possible. Try inserting a class name in the appearance tab and target that specific widget with CSS.

Let's say we've named the widget 'widget_spotlight', then in the CSS we can target it with the following:

.widget_spotlight { background: transparent !important; }

Keep in mind the TITLE (.ig-cpt-title) as well as the FOOTER (.ig-cpt-footer) of the widget, both have inline styles and need to be overidden to make the whole widget transparent.


OfflineDave Walker Dave Walker said 19 months ago

Thanks Ahmad - don't know why it wasn't picking up the style when I first tried it. Works fine.

Dave


Would you like to comment?

You must be a member. Sign In if you are already a member.

  • 331 views
  • $obj.VersionIndex versions
  • 2 replies
  • 1 follower
     
Post Date:
October 16, 2010
Posted By:
Dave Walker

About this forum

  • 2,358 views
  • 9 topics
  • 2 followers
     

Community Administrators will be able to create page layouts using a set of pre-configured, drag and drop widgets. The first set of community widgets will include:
Documents — folder view, Media — recent photos, album photos, and embed multimedia, Member Directory — recently active, recently joined, and group listing, RSS — single and aggregate


Viewed 331 times