syntax of the field "Header style class" in a "Layout Widget Editor"
Bonjour, if I want to change the font size of character displaying the widget header label, it is possible in the field “header style class” in a “Layout Widget Editor” and what is the syntax ?
Merci
 |
oguevel guevel
Member (248) 1 2 4 |
09/07/2012 ( History) |
0 votes
1 answers
2581 views
Hello,
The Header Style Class is here to add a CSS class name to the Header, not a style directly. The CSS class you will add in this field:
- is already existing in the CSS and you know you need it especially here,
- is a new one, and you can add your
CSS rule in the CSS Editor.
 |
Lise Kemen
Member (2.4K) 1 3 3 |
11/16/2012 ( History) |
The h1 or h3, or div or span are the HTML tag to display an element. To style an element, you will add a style class to the tag, then declare the rules you want to use to style it.
So in Studio, in the Header Style Class field, add a unique meaningful name (custom-widget-title for example), then in the CSS Editor, declare your style, like this:
.custom-widget-title { font-size: 140%; }
11/19/2012
You don't add your CSS file, you add your CSS rule in the CSS Editor, In Branding > Your branding name > CSS editor tab.
11/23/2012
Thanks in advance