View the editor screen’s text mode of this page to see exactly how to write shortcode. Shortcodes utilize the square bracket symbols to provide layout options without coding.
This theme includes shortcodes for lines and columns. The line shortcode is just the word “line” wrapped in square brackets and looks like this:
Columns
Column shortcodes exist for one third, one fourth, two third, three fourth and one half width columns. These can be mixed and matched. There’s an attribute “last” that you should add to the final column in a sequence to remove extra padding. Each column shortcode needs be “closed”. So for instance
[column shortcode] Text here [/column shortcode]
Use a “clear” after a column set to remove any chance of accidental floats.
Half Width Columns
One Third Columns
One Fourth + One Fourth + One Half Columns
One Third + Two Third Columns
One Fourth + Three Fourth Columns
One Fourth + Three Fourth Columns
Smaller Image and Larger Text Combination
Sample Headline
If you want the image to be a small square, be sure to select “thumbnail” in your image size. Something to notice in this sample is that I deleted the spaces with the shortcode text and image. This prevents a paragraph space from happening, which in turn prevents a bottom margin.
PS: You can add a box if you want
Wrap any content in the box shortcode to box is in.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque eleifend id ante in convallis. Nunc quis sapien finibus, porttitor ante faucibus, aliquet dui. Suspendisse potenti. Quisque quis lectus ipsum. Nunc lobortis erat ut magna dapibus efficitur. Vestibulum pulvinar malesuada est et fringilla. Quisque vehicula non erat ac consectetur. Vivamus posuere urna non nisl facilisis, id consequat ligula imperdiet. Nunc a vulputate enim. In eros arcu, cursus sed arcu in, bibendum malesuada mi. Nulla dignissim nibh sit amet scelerisque tempor. Praesent vel augue orci.
Nam sed tellus ornare, interdum nibh sit amet, venenatis est. Nunc felis eros, facilisis sed arcu sit amet, feugiat tincidunt augue. In vehicula, tortor eget imperdiet hendrerit, lacus lectus ornare ligula, a blandit magna massa eget arcu. Vestibulum ac commodo risus. Sed nec dolor mi. Suspendisse potenti. Pellentesque ullamcorper ac augue ut laoreet. Fusce vitae ex sagittis, bibendum diam vitae, rhoncus nibh. Sed id faucibus augue, et tincidunt est. Curabitur in ornare nunc. Fusce imperdiet velit vitae odio tristique dapibus. Nam sollicitudin ultrices facilisis. Sed in tincidunt arcu. Nullam non luctus nunc. Donec dictum sodales arcu at sagittis.
Fusce fermentum ut ante scelerisque finibus. Suspendisse nisl enim, pretium non pellentesque quis, cursus non enim. Quisque id enim in eros facilisis efficitur. Nullam dictum mauris nec mi scelerisque, a scelerisque eros tincidunt. Aenean laoreet iaculis ipsum blandit bibendum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque eu velit quis nisl maximus pulvinar. Morbi vel lacus at ligula consequat interdum nec in dolor. Vestibulum ac blandit justo. Maecenas tempus lobortis orci, in tristique lacus porta ut.
Hopefully this will help with future layout needs!