Foliopress WYSIWYG CSS for templates

Since our editor uses H5 tags to insert images with captions, here are the required styles which need to be added to your template stylesheet. Using these CSS styles will improve your image display when using Foliopress WYSIWYG and will allow you to use image alignment with SEO optimized image captions properly.

<p>/* Images in h5 */</p>a img {
border: none;
}<p>h5 { 
margin: 10px;
padding: 0;
line-height: 1.3em;
font-size: 0.85em;
font-weight: normal;
text-align: center;
}</p><p>h5 img {
padding: 5px;
background-color: white;
border: 1px solid silver;
}</p><p>h5.right, h5.alignright {
margin: 2px 0 2px 10px;
text-align: center;
font-weight: normal;
float: right;
}</p><p>h5.left, h5.alignleft {
margin: 2px 10px 2px 0;
text-align: center;
font-weight: normal;
float: left;
}</p><p>h5.center {
text-align: center;
font-weight: normal;
}</p><p>h5.center img {
margin: 0 auto;
}</p><p>h5 a {
text-decoration: none !important;
color: #696969;
}</p><p>h5.noborder img {
border: none;
}</p>