• Skip to content
  • Skip to primary sidebar
  • Skip to footer

Foliovision

Making the web work for you

Main navigation

  • Weblog
    • FV Player
    • WordPress
    • Video of the Week
    • Case Studies
    • Business
  • About
    • Testimonials
    • Meet the Team
    • We Support
    • Careers
    • Contact
    • Pricing
  • Products
  • Support
    • FV Player Docs
    • Pro Support
  • Login
  • Basket is empty

Foliopress WYSIWYG CSS for templates

Need an issue solved right now? Pro support available for all our plugins.

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>
Share
Tweet
Share
0 Shares

Reader Interactions

Primary Sidebar

True WordPress WYSIWYG: Foliopress

  1. Foliopress WYSIWYG CSS for templates
  2. Foliopress WYSIWYG FAQ
  3. WordPress Upgrade Plugin Install Failed, Plugin Upgrade Failed Notice: Foliopress WYSIWYG
  4. Foliopress WYSIWYG Changelog
  5. How to prepare FTP uploaded images to work with SEO Images in Filezilla
  6. SEO Images Illustrated End User Guide
  7. Foliopress WYSIWYG Installation
  8. Foliopress WYSIWYG: Known Bugs

Footer

Our Plugins

  • FV WordPress Flowplayer
  • FV Thoughtful Comments
  • FV Simpler SEO
  • FV Antispam
  • FV Gravatar Cache
  • FV Testimonials

Free Tools

  • Pandoc Online
  • Article spinner
  • WordPress Password Finder
  • Delete LinkedIn Account
  • Responsive Design Calculator
Foliovision logo
All materials © 2021 Foliovision s.r.o. | Panská 12 - 81101 Bratislava - Slovakia | info@foliovision.com
  • This Site Uses Cookies
  • Privacy Policy
  • Terms of Service
  • Site Map
  • Contact
  • Tel. +1 518 412 4600