Others Shortcodes
Full-width column
1/2 + 1/2
1/3 + 1/3 + 1/3
1/2 + 1/4 + 1/4
3/4 + 1/4
1/5 + 4/5
2/5 + 3/5
2/3 + 1/6 + 1/6
Default tabs
Custom active tab
Vertical tabs
Disabled tabs
Tabs anchors
Custom styles
Basic accordion
Fancy accordion
Accordion with open spoiler
Different spoiler styles
Open spoilers
Spoilers with anchors (see the code)
Use next links to open this spoilers
Open spoiler 1 | Open spoiler 2 | Open spoiler 3
Accordion + Spoilers + Anchors (see the code)
Use next links to expand accordion items
Open spoiler 1 | Open spoiler 2 | Open spoiler 3
Different icons
Custom styles
YouTube video
Vimeo video
Self-hosted video (mp4/flv)
Non-responsive videos
You can customize width and height for this videos
Self-hosted audio-files (HTML5/Flash)
Audio player with custom width
Advanced YouTube setup #1 – no controls, no related videos
Advanced YouTube setup #2 – always visible controls, light theme
Media grid: responsive videos + columns
Autoplay and loop
You can add autoplay=”yes” and loop=”yes” to any of these elements and the playback will be automatically started and looped.
For example: [su_youtube url="" autoplay="yes"]
Unlimited sizes
Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Unlimited sizes!Unlimited colors
Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click me Click meDifferent background styles
Click me Click me Click me Click me Click me Click me Click me Click me Click meCustomizable border radius
Click me Click me Click me Click meBuilt-in icon font
Click me Click me Click me Click me Click me Click meDifferent animation types
Animated columns
Animated buttons
Click me Click me Click meAnimated tabs
List of 5 most popular posts (by comments number)
- Aenean tempus ac urna
- Randomised words which don’t look
- Lorem Ipsum generators on the Internet
- we denounce with righteous
- Lorem Ipsum used
Most recent posts as a teasers
Recent uploaded media file
section2-bg copy
Basic example
The same nested shortcodes
The same nested shortcodes mixed with other shortcodes
Shortcodes inside of attributes
To use shortcodes inside of attributes you need to replace square brackets with {
and }
. Open code to see example