Text Box Shortcodes
Defaults
Below are the options that are available for this shortcode and their default values. A hash (#) indicates a required value.
'size' => '13',
'width' => '100%', // px, pt, cm, em, %
'height' => '', // px, pt, cm, em, %
'line_height' => '19px', // px, pt, cm, em, % or number
'top' => '0px', // px, pt, em, cm, em, %, auto
'bottom' => '0px'
'right' => '0px',
'left' => '0px',
'color' => '#333',
'font' => 'Lucida Sans Unicode',
'text_align' => 'text-left', // text-left, text-right, text-center, text-justify
'other' => '' // Other styling parameters e.g. font-weight: bold; font-style: italic;
And this is what you should insert into your posts and pages…
[text size="13" width="" height="" line_height="19px" top="0" right="0" bottom="0" left="0" /]
[curved]
Centered Text Box
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ultricies magna nec tortor consequat vel auctor augue interdum. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Aenean eu enim a mauris convallis venenatis vel vitae magna. Nam rhoncus, enim dignissim dapibus euismod, magna nisi semper diam, vitae auctor diam lectus nec enim. Nam in eros erat. Nam aliquet iaculis lorem, id dignissim neque condimentum ut.
[text size="15" color="#999" width="400px" right="auto" left="auto"]
Insert your text here[/text]
[curved]
Multiple Text Boxes
Lorem ipsum dolor sit amet
Amet placerat nisi feugiat
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ultricies magna nec tortor consequat vel auctor augue interdum. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Aenean eu enim a mauris convallis venenatis vel vitae magna. Nam rhoncus, enim dignissim dapibus euismod, magna nisi semper diam, vitae auctor diam lectus nec enim. Nam in eros erat. Nam aliquet iaculis lorem, id dignissim neque condimentum ut.
[text size="20" color="#999" line_height="1.2" width="100%" text_align="text-right"]Insert your text here[/text] [text size="40" color="#000" line_height="1.2" width="100%" text_align="text-right"]Insert your text here[/text] [text]Insert your text here[/text]
[curved]
Text Boxes Side-By-Side
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ultricies magna nec tortor consequat vel auctor augue interdum. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Aenean eu enim a mauris convallis venenatis vel vitae magna. Nam rhoncus, enim dignissim dapibus euismod, magna nisi semper diam, vitae auctor diam lectus nec enim. Nam in eros erat. Nam aliquet iaculis lorem, id dignissim neque condimentum ut.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla ultricies magna nec tortor consequat vel auctor augue interdum. Nunc volutpat risus a libero condimentum sit amet placerat nisi feugiat. Morbi euismod suscipit enim, vitae hendrerit elit cursus et. Aenean eu enim a mauris convallis venenatis vel vitae magna. Nam rhoncus, enim dignissim dapibus euismod, magna nisi semper diam, vitae auctor diam lectus nec enim. Nam in eros erat. Nam aliquet iaculis lorem, id dignissim neque condimentum ut.
[text color="#999" width="45%" right="5%" text_align="text-justify"]Insert your text here[/text] [text width="50%" text_align="text-justify"]Insert your text here[/text]