How To Edit I, Em, B, Strong

[giangtranguyen]

Just copy and paste the code into your Story Stylesheets, then adjust it to your liking.

For example:

b, em, i, strong {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 16pt;
font-style: normal/italic/oblique;
font-variant: normal/small-caps;
font-weight: normal/bold;
direction: rtl;
letter-spacing: 5px/-5px;
line-height: 0.5/5.0;
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
text-align: left/center/right/justify;
text-decoration: none/overline/line-through/underline;
text-shadow: 5px 5px #000000;
text-transform: uppercase/lowercase/capitalize;
word-spacing: 5px/-5px;
}

b:hover, em:hover, i:hover, strong:hover {
color: #000000;
font-family: 'Arial', sans-serif;
font-size: 16pt;
font-style: normal/italic/oblique;
font-variant: normal/small-caps;
font-weight: normal/bold;
direction: rtl;
letter-spacing: 5px/-5px;
line-height: 0.5/5.0;:
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;
text-align: left/center/right/justify;
text-decoration: none/overline/line-through/underline;
text-shadow: 5px 5px #000000;
text-transform: uppercase/lowercase/capitalize;
word-spacing: 5px/-5px;
}

How To Edit P

[giangtranguyen]

Just copy and paste the code into your Story Stylesheets, then adjust it to your liking.

For example:

p {

border-color: #000000;

border-style: dashed/dotted/double/groove/hidden/inset/none/outset/solid/ridge;

border-width: thin/medium/thick;

border-bottom-style: none;

border-left-style: none;

border-right-style: none;

border-top-style: none; 

color: #000000;

font-family: 'Arial', sans-serif;

font-size: 16pt;

font-style: normal/italic/oblique;

font-variant: normal/small-caps;

font-weight: normal/bold;

direction: rtl;

letter-spacing: 5px/-5px;

line-height: 0.5/5.0;

margin-bottom: 0px;

margin-left: 0px;

margin-right: 0px;

margin-top: 0px; 

opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;

text-align: left/center/right/justify;

text-decoration: none/overline/line-through/underline;

text-indent: 25px;

text-shadow: 5px 5px #000000;

text-transform: uppercase/lowercase/capitalize;

word-spacing: 5px/-5px;

}

p:hover {

border-color: #000000;

border-style: dashed/dotted/double/groove/hidden/inset/none/outset/solid/ridge;

border-width: thin/medium/thick;

border-bottom-style: none;

border-left-style: none;

border-right-style: none;

border-top-style: none; 

color: #000000;

font-family: 'Arial', sans-serif;

font-size: 16pt;

font-style: normal/italic/oblique;

font-variant: normal/small-caps;

font-weight: normal/bold;

direction: rtl;

letter-spacing: 5px/-5px;

line-height: 0.5/5.0;

margin-bottom: 0px;

margin-left: 0px;

margin-right: 0px;

margin-top: 0px; 

opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;

text-align: left/center/right/justify;

text-decoration: none/overline/line-through/underline;

text-indent: 25px;

text-shadow: 5px 5px #000000;

text-transform: uppercase/lowercase/capitalize;

word-spacing: 5px/-5px;

}

Or

p {
border: 1px solid #000000;

color: #000000;

font-family: 'Arial', sans-serif;

font-size: 16pt;

font-style: normal/italic/oblique;

font-variant: normal/small-caps;

font-weight: normal/bold;

direction: rtl;

letter-spacing: 5px/-5px;

line-height: 0.5/5.0;

margin: 0px;
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;

text-align: left/center/right/justify;

text-decoration: none/overline/line-through/underline;

text-indent: 25px;

text-shadow: 5px 5px #000000;

text-transform: uppercase/lowercase/capitalize;

word-spacing: 5px/-5px;

}

p:hover {
border: 1px solid #000000;

color: #000000;

font-family: 'Arial', sans-serif;

font-size: 16pt

font-style: normal/italic/oblique;

font-variant: normal/small-caps;

font-weight: normal/bold;

direction: rtl;

letter-spacing: 5px/-5px;

line-height: 0.5/5.0;

margin: 0px;
opacity: 0.1/0.2/0.3/0.4/0.5/0.6/0.7/0.8/0.9/1.0;

text-align: left/center/right/justify;

text-decoration: none/overline/line-through/underline;

text-indent: 25px;

text-shadow: 5px 5px #000000;

text-transform: uppercase/lowercase/capitalize;

word-spacing: 5px/-5px;

}

How To Make Your Font Gradually Change Colour

[giangtranguyen]

Just copy and paste the code into the Story Stylesheets, then adjust it to your liking. 

For example:

body, tw-story {

color: #000000;

transition: 3.0s;

-o-transition-transition: 3.0s;
-webkit-transition-duration: 3.0s;
-moz-transition-duration: 3.0s;

}

body:hover, tw-story:hover {

color: #efefef;

transition: 3.0s;

-o-transition-transition: 3.0s;
-webkit-transition-duration: 3.0s;
-moz-transition-duration: 3.0s;

}

How To Make Your Image Flip

[giangtranguyen]

Just copy and paste the code into the Story Stylesheets, then adjust it to your liking.

For example:

img {
}

img:hover {

transform: rotate(90deg/180deg/360deg);
-webkit-transform: rotate(90deg/180deg/360deg);
-moz-transform: rotate(90deg/180deg/360deg);

-ms-transform: rotate(90deg/180deg/360deg);
-o-transform: rotate(90deg/180deg/360deg);

}