This page showcases the full width template, the built in CSS grids, and typography.
Two Columns
[column-group]
[one-half]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/one-half]
[one-half]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/one-half]
[end-column-group]
Three Columns
[column-group]
[one-third]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/one-third]
[one-third]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/one-third]
[one-third]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
[/one-third]
[end-column-group]
Four Columns
[column-group]
[one-fourth]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[/one-fourth]
[one-fourth]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[/one-fourth]
[one-fourth]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[/one-fourth]
[one-fourth]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[/one-fourth]
[end-column-group]
Five Columns
[column-group]
[one-fifth]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[/one-fifth]
[one-fifth]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[/one-fifth]
[one-fifth]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[/one-fifth]
[one-fifth]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[/one-fifth]
[one-fifth]
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
[/one-fifth]
[end-column-group]
1/3 Column
[column-group]
[one-third]
[/one-third]
[two-third]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla semper, risus nec trist ique imperdiet, mauris nulla sagittis leo, sit amet vulputporta .
Unordered lists
- Lorem ipsum dolor sit amet
- Consectetur adipisicing elit
- Sed do eiusmod tempor incididunt ut labo
[/two-third]
[end-column-group]
2/3 Column
[column-group]
[two-third]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla semper, risus nec trist ique imperdiet, mauris nulla sagittis leo, sit amet vulputporta iaculis.
Ordered lists
- Consectetur adipisicing elit
- Sed do eiusmod tempor incididunt ut labore
- Et dolore magna aliqua
[/two-third]
[one-third]
[/one-third]
[end-column-group]
[column-group]
[one-full]
1 Column
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla semper, risus nec tristique imperdiet, mauris nulla sagittis leo, sit amet vulputate lorem ante in ipsum. Nam quis vestibulum mi. Sed porta iaculis neque sit amet ullamcorper.
[/one-full]
[end-column-group]
Header 1
Header 2
Header 3
Header 4
Header 5
Blockquotes
Lorem ipsum dolor sit amet, consectetur adipisicing esunt in culpa qui officia deserunt mollit anim id est laborum. Cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Shortcodes
Shortcodes in WordPress are little bits of code that allow you to do various things with little effort. Here are previews of all the available shortcodes.
MP3 Player
[mp3 url=http://demo.musicmakertheme.com/wp-content/uploads/2012/11/tbagg_contra_85.mp3]
Buttons
[button url=#]Regular Button[/button]
[button url=# size=medium ]Mid Button[/button]
[button url=# size=big ]Big Button[/button]
Youtube Video
[youtube value=”Z2-B9j8MG38″ width=570]
Vimeo Video
[vimeo value=”49760839″ width=570 ]
Highlighted Text
[highlight] Default text is red. [/highlight] Nam ac nisl arcu, eget ornare tellus. Aenean a libero [highlight color=blue] Color is blue. [/highlight] convallis elit suscipit egestas. Maecenas eget dui lacus, sit amet malesuada erat. In eleifend accumsan lacus, eget gravida risus vestibulum sit amet. Morbi elementum, nulla rutrum feugiat pellentesque, [highlight color=green] Color is green. [/highlight] nisl massa pharetra velit, sit amet semper nisi lorem tincidunt mauris. Nulla facilisi. [highlight color=yellow] Color is yellow. Lorem ipsum dolor sit amet [/highlight] Nullam tincidunt nibh nec tortor lobortis condimentum et a orci. [highlight color=black] Color is black. Lorem ipsum dolor sit amet [/highlight].
Website Snapshot
[snapshot url=”https://google.com” alt=”Snapshot of Google” w=”550″ h=”350″]
Alert Messages
[alert color=yellow]This is a message box with important information you should read.[/alert]
[alert color=blue]This is a message box with important information you should read.[/alert]
[alert color=green]This is a message box with important information you should read.[/alert]
[alert color=red]This is a message box with important information you should read.[/alert]
[alert color=grey]This is a message box with important information you should read.[/alert]
Testimonial Shortcode
[testimonial text=”I was about to spend about $500 on a guy to make a website for me and my friend to sell our beats. I was lucky to find Music Maker theme which was exactly what we needed. ” name=”Pedro Toribio”]
Quote
[quote]I was about to spend about $500 on a guy to make a website for me and my friend to sell our beats. I was lucky to find your theme which was exactly what we needed. [/quote]
Tool Tip
[tooltip text=”This is a message box with important information you should read.” ] Tool Tip Example. Hover over me[/tooltip] Fusce arcu nulla, sagittis in sollicitudin non, viverra sit amet nisl. Duis pretium condimentum accumsan.
Google Maps
[googlemap src=”https://maps.google.com/maps?q=Guitar+Center&hl=en&ll=34.101056,-118.35067&spn=0.01075,0.026157&cid=8054102878333580747&gl=US&t=m&z=16&iwloc=A”]
FAQ Toggle
[toggle title=”What file formats do you offer?”]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent dignissim tempus libero sed mollis. Curabitur tempor risus orci, at scelerisque nisi ultrices sit amet. Phasellus ultricies tincidunt finibus. Sed eget sem efficitur erat tempus condimentum. Cras fermentum magna id interdum semper. Vestibulum ac tincidunt turpis. Sed congue, nulla eget ornare ornare, sem enim egestas metus, maximus porttitor libero nisl at nisl. Maecenas non ornare urna, vel tristique arcu. Ut molestie ligula ac neque rhoncus imperdiet. Nulla ipsum libero, dictum vel pharetra sit amet, tincidunt vitae ex. [/toggle]