Shortcode: [div],[span] – add div or span html codes
[ div]text[/div], [ span]text[/span]
The Weaver X Theme Support [div]
and [span] shortcodes allow you to easily add HTML <div> or <span> tags to your post and page content. The main purpose of these shortcodes is to get around need to switch to the HTML editor view when you need to wrap your content in a <div> or <span>.
This will work exactly like a standard HMTL <div>and <span> tags. It supports ‘id’, ‘class’, and ‘style’ parameters, which are the most useful. Instead of wrapping your text in <div> or <span> tags, wrap them like this (the Visual view will work just fine):
[ div style="font-size:20px;']This content will be large.[/div]
[ span style="font-size:20px;']This content will be large.[/span]
Shortcode usage:
[ div id='class_id' class='class_name' style='style_values']text[/div] [ span id='class_id' class='class_name' style='style_values']text[/span]
- id=’class_id’ class=’class_name’ style=’style_values’ – Allows you to specify id, class, and style for the <div>. See the example above.