Primary Navigation
How do I set widget title styles globally?
There are three methods for changing widget styles.
- Using the basic options in the "Appearance" tab
- Adding a CSS class to the "Class" field in the widget Appearance tab
- Force global styles using CSS
Methods one and two are local to the widget and require a manual process of editing each widget.
The key to setting global styles for all widgets is to use the !important rule.
For example overriding the JavaScript injected CSS inline styles for a widget title you can add the following to the Theme editor in the community Admin Dashboard:
/* WIDGETS - RESET/GLOBAL
=============================================== */
h2.ig-cpt-title,
h2.ig-cpt-title a {
background: transparent none no-repeat !important;
border-width: 0px !important;
font-size: 14px !mportant;
font-family: "Trebuchet MS", Arial, sans-serif !important;
}
-----
- 67 views
- $obj.VersionIndex versions
- 1 reply
- 2 followers
- Post Date:
- January 25, 2012
- Posted By:
- Gary Larocque
About this forum
- 294 views
- 2 topics
- 0 followers
How to modify the look and feel of your IGLOO community using Cascading Style Sheets (CSS)
Viewed 67 times
Page Options
1 Reply
Thanks Gary. What about the actual text that appears within the widget? For example, when choosing a pre-configured widget like Blogs or Comments, where the content isn't typed into the widget, it's pulled from different areas. My Comments text is much smaller than Blogs and Discussions is larger and completely different. When placing these widgets on the same page, they look disjointed. Thanks!
Would you like to comment?
You must be a member. Sign In if you are already a member.