kisabelle
9/9/2014 - 3:47 PM

A list of html tags and classes that the WordPress WYSIWYG edito outputs. Please feel free to add as you discover mor

A list of html tags and classes that the WordPress WYSIWYG edito outputs. Please feel free to add as you discover mor

/*WYSIWYG Output from wordpress*/

h1,h2,h3,h4,h5{text-transform: somevalue;}

h1{font-size: somevalue;}
h2{font-size: somevalue;}
h3{font-size: somevalue;}
h4{font-size: somevalue;}
h5{font-size: somevalue;}

strong{font-weight: bold;}

em{font-style: italic;}

del{text-decoration:line-through;}

hr{border-top: 1px solid #somecolour;}

blockquote{some style}

a{some style}

a:hover{some style}

ul, ol{
  padding-left: somevalue;
  line-height: somevalue;
}

/*alignment classes on images and other elements*/

.alignright{
  float: right;
  margin-left: 20px;
  margin-bottom: 20px;
}

.alignleft{
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}

.aligncenter{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*Change alignment functionality at some random media query*/

@media(max-width: 768px ){
  .alignright, .alignleft, .aligncenter{
    float: none;
    display: block;
    margin-left: 0;
    margin-right: 20px;
  } 
}