Home » Tutorials » Styles for Widget Areas

Styles for Widget Areas

headerStylesStyles to use in the custom menu fields

<span class="menu-header-gray">BoldGrayMenuHeader</span>

<span class="menu-header-gray-lt">LightGrayMenuHeader</span>

<span class="menu-header-red-lt">RedMenuHeader</span>

<span class="menu-header-gray-lt"><a href="#">LightGrayMenuHeaderWithLink</a></span>

 

<hr> (will get you a line that you can put ontop and below the headers)

<hr style="margin-bottom:-20px;"> (will give a good line for under a heading with a list of items to fall under it)

 

Homepage Widget example styles

<div style=”width:340px;”>
<h2 style=”text-align: center;”>Canon
Art
Gallery</h2>
<p style=”text-align: center;”><em>current show</em></p>
<p style=”text-align: center; font-size:20px; color:#db0a29;”>WORK &amp; MORE WORK</p>
</div>

<div style=”width: 340px;”>
<p style=”text-align: center; font-weight: bold; line-height: 1.5em; font-size: 5em;”>Callout</p>
<p style=”text-align: center; font-size: 20px; color: #db0a29; line-height: 0; font-weight: bold;”>MESSAGE</p>
</div>