Post Elements Shortcodes - Quote Box,Code Box,Buttons...etc
Quote Box
Inside <blockquote/> tag, add a <p>Move Your Text Here</p>
Thats all! Your text will be Quoted like below.
Blockquoting the important message!
How to add quote box
<blockquote> <p> paste your text need to be quoted! </p> </blockquote>
Code Box
Create <pre/> tag with code-box as class, and add <p/>,<code/> without spaces or new lines
Inside <p/>tag, add title of Code Box
Inside <code/> tag, add code snippets
How to add code box
<pre class='code-box'><p>Code Box Title</p><code> paste your code snippets </code></pre>
Buttons
Create <a/> or on any element add class "other-btn"
Three sizes available for buttons small,regular,large
To change sizes add any one these [small,regular,large] as class to targeted element
To change color use inline css style on element like below example
Add green or red as class get Green or Red colored buttons
Example Example ExampleHow to add buttons
<a class='other-btn small' style='background-color:green'>Example</a> <a class='other-btn regular' style='background-color:blue'>Example</a> <a class='other-btn large' style='background-color:red'>Example</a> <a class='other-btn regular green'>Green</a> <a class='other-btn regular red'>Red</a> <a class='other-btn regular'>Default</a>
Green Red Default
Table Of Contents
On your Table Of Contents unordered list <ul/> add class "table-of-contents"
How to add Table Of Contents
<ul class='table-of-contents'> <li>table of contents data</li> <li>table of contents data</li> <li>table of contents data</li> </ul>
No Comments
Post a Comment