Element Styling | Matthias Meier-Moreno Politiker

Shortcode: Image + big caption

[bigcaption_image url=“http://udfrance.com/dev/t1/wp-content/uploads/2012/03/dummy94.jpg“ title=“Big Catch Phrase“ subtitle=“and subtitle to emphasize a point“ titleSize=“Small“ width=“100%“ height=“400px“ color=“white“ mediaalignment=“alignCenter“]

Shortcode: Image + left aligned caption

[image_captionLower url=’http://udfrance.com/dev/t1/wp-content/uploads/2012/03/dummy94.jpg‘ width=’100%‘ height=’400px‘ title=’Left Aligned Caption‘ caption=’estibulum a ipsum ut augue rhoncus egestas eu et velit. Sed quis leo lectus. Nulla pharetra laoreet turpis, non bibendum augue tincidunt hendrerit. Cras ante lacus, <a href=“http://www.google.com“>Visit Folio</a>‘ captionAlignment=’alignLeft‘ color=“ mediaAlignment=“ ]

Shortcode: Image + center aligned caption

[image_captionLower url=’http://udfrance.com/dev/t1/wp-content/uploads/2012/03/dummy94.jpg‘ width=’100%‘ height=’400px‘ title=’Center Aligned Caption‘ caption=’estibulum a ipsum ut augue rhoncus egestas eu et velit. Sed quis leo lectus. Nulla pharetra laoreet turpis, non bibendum augue tincidunt hendrerit. Cras ante lacus, <a href=“http://www.google.com“>Visit Folio</a>‘ captionAlignment=’alignCenter‘ color=“ mediaAlignment=“ ]

Shortcode: Image + right aligned caption

[image_captionLower url=’http://udfrance.com/dev/t1/wp-content/uploads/2012/03/dummy94.jpg‘ width=’100%‘ height=’400px‘ title=’Right Aligned Caption‘ caption=’estibulum a ipsum ut augue rhoncus egestas eu et velit. Sed quis leo lectus. Nulla pharetra laoreet turpis, non bibendum augue tincidunt hendrerit. Cras ante lacus, <a href=“http://www.google.com“>Visit Folio</a>‘ captionAlignment=’alignRight‘ color=“ mediaAlignment=“ ]

Shortcode: Lists

[one_third][list type=’dot‘ color=’green‘]

<ul>

<li>Lorem ipsum sit amet</li>

<li>Ut enim ad minim</li>

<li>Quis nostrud exercitation</li>

<li>Ullamco laboris</li>

<li>Incididunt ut labore</li>

<li>Consectetur</li>

</ul>

[/list][/one_third][one_third][list type=’arrow‘ color=’gray‘]

<ul>

<li>Lorem ipsum sit amet</li>

<li>Ut enim ad minim</li>

<li>Quis nostrud exercitation</li>

<li>Ullamco laboris</li>

<li>Incididunt ut labore</li>

<li>Consectetur</li>

</ul>

[/list][/one_third][one_third_last][list type=’arrow2′ color=’orange‘]

<ul>

<li>Lorem ipsum sit amet</li>

<li>Ut enim ad minim</li>

<li>Quis nostrud exercitation</li>

<li>Ullamco laboris</li>

<li>Incididunt ut labore</li>

<li>Consectetur</li>

</ul>

[/list][/one_third_last][one_third][list type=’check‘ color=’teal‘]

<ul>

<li>Lorem ipsum sit amet</li>

<li>Ut enim ad minim</li>

<li>Quis nostrud exercitation</li>

<li>Ullamco laboris</li>

<li>Incididunt ut labore</li>

<li>Consectetur</li>

</ul>

[/list][/one_third][one_third][list type=’plus‘ color=’navy‘]

<ul>

<li>Lorem ipsum sit amet</li>

<li>Ut enim ad minim</li>

<li>Quis nostrud exercitation</li>

<li>Ullamco laboris</li>

<li>Incididunt ut labore</li>

<li>Consectetur</li>

</ul>

[/list][/one_third][one_third_last][list type=’minus‘ color=’magenta‘]

<ul>

<li>Lorem ipsum sit amet</li>

<li>Ut enim ad minim</li>

<li>Quis nostrud exercitation</li>

<li>Ullamco laboris</li>

<li>Incididunt ut labore</li>

<li>Consectetur</li>

</ul>

[/list][/one_third_last]

Shortcode: Buttons

Size Variations

[button url=’http://google.com‘ size=’small‘ color=’theme‘ corners=’rounded‘ overlay=“ textEffect=“ title=’Small Button‘][button url=’http://google.com‘ size=’medium‘ color=’theme‘ corners=’rounded‘ overlay=“ textEffect=“ title=’Medium Button‘][button url=’http://google.com‘ size=’large‘ color=’theme‘ corners=’rounded‘ overlay=“ textEffect=“ title=’Large Button‘]

Color and Style Variations

[button url=’http://google.com‘ size=’medium‘ color=’teal‘ corners=’rounded‘ overlay=“ textEffect=“ title=’Teal Button‘][button url=’http://google.com‘ size=’medium‘ color=’teal‘ corners=’rounded‘ overlay=“ textEffect=’shadow‘ title=’Text Effect‘][button url=’http://google.com‘ size=’medium‘ color=’teal‘ corners=’rounded‘ overlay=’shading‘ textEffect=’emboss‘ title=’Shading + text effect‘]

[button url=’http://google.com‘ size=’medium‘ color=’navy‘ corners=’rounded‘ overlay=“ textEffect=“ title=’Teal Button‘][button url=’http://google.com‘ size=’medium‘ color=’navy‘ corners=’rounded‘ overlay=“ textEffect=’shadow‘ title=’Text Effect‘][button url=’http://google.com‘ size=’medium‘ color=’navy‘ corners=’rounded‘ overlay=’shading‘ textEffect=’emboss‘ title=’Shading + text effect‘]

[button url=’http://google.com‘ size=’medium‘ color=’magenta‘ corners=’rounded‘ overlay=“ textEffect=“ title=’Teal Button‘][button url=’http://google.com‘ size=’medium‘ color=’magenta‘ corners=’rounded‘ overlay=“ textEffect=’shadow‘ title=’Text Effect‘][button url=’http://google.com‘ size=’medium‘ color=’magenta‘ corners=’rounded‘ overlay=’shading‘ textEffect=’emboss‘ title=’Shading + text effect‘]

[button url=’http://google.com‘ size=’medium‘ color=’green‘ corners=’rounded‘ overlay=“ textEffect=“ title=’Teal Button‘][button url=’http://google.com‘ size=’medium‘ color=’green‘ corners=’rounded‘ overlay=“ textEffect=’shadow‘ title=’Text Effect‘][button url=’http://google.com‘ size=’medium‘ color=’green‘ corners=’rounded‘ overlay=’shading‘ textEffect=’emboss‘ title=’Shading + text effect‘]

[button url=’http://google.com‘ size=’medium‘ color=’yellow‘ corners=’rounded‘ overlay=“ textEffect=“ title=’Teal Button‘][button url=’http://google.com‘ size=’medium‘ color=’yellow‘ corners=’rounded‘ overlay=“ textEffect=’shadow‘ title=’Text Effect‘][button url=’http://google.com‘ size=’medium‘ color=’yellow‘ corners=’rounded‘ overlay=’shading‘ textEffect=’emboss‘ title=’Shading + text effect‘]

[button url=’http://google.com‘ size=’medium‘ color=’orange‘ corners=’rounded‘ overlay=“ textEffect=“ title=’Teal Button‘][button url=’http://google.com‘ size=’medium‘ color=’orange‘ corners=’rounded‘ overlay=“ textEffect=’shadow‘ title=’Text Effect‘][button url=’http://google.com‘ size=’medium‘ color=’orange‘ corners=’rounded‘ overlay=’shading‘ textEffect=’emboss‘ title=’Shading + text effect‘]

[button url=’http://google.com‘ size=’medium‘ color=’red‘ corners=’rounded‘ overlay=“ textEffect=“ title=’Teal Button‘][button url=’http://google.com‘ size=’medium‘ color=’red‘ corners=’rounded‘ overlay=“ textEffect=’shadow‘ title=’Text Effect‘][button url=’http://google.com‘ size=’medium‘ color=’red‘ corners=’rounded‘ overlay=’shading‘ textEffect=’emboss‘ title=’Shading + text effect‘]

Shortcode: Highlights and underlines

[one_half]Lorem [highlight color=’green‘]ipsum dolor[/highlight] sit amet,adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad [highlight color=’yellow‘]minim veniam[/highlight], quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [highlight color=’theme‘]Consectetur[/highlight] ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor [highlight color=’orange‘]incididunt ut labore[/highlight] et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [highlight color=’magenta‘]Lorem[/highlight] ipsum dolor sit amet, consectetur adipisicing elit, sed do [highlight color=’navy‘]eiusmod tempor[/highlight] incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis [highlight color=’red‘]nostrud exercitation[/highlight] ullamco laboris nisi ut aliquip ex ea commodo consequat.[/one_half] [one_half_last]Lorem [underline type=’dotted‘ color=’green‘]dotted green[/underline] sit amet,adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad [underline type=“ color=’yellow‘]yellow solid[/underline], quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [underline color=’theme‘]theme color solid[/underline] ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor [underline type=’dotted‘ color=’orange‘]dotted orange[/underline] et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. [underline type=’dotted‘ color=’magenta‘]dotted magenta[/underline] ipsum dolor sit amet, consectetur adipisicing elit, sed do [underline type=“ color=’navy‘]navy solid[/underline] incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis [underline type=“ color=’red‘]red solid[/underline] ullamco laboris nisi ut aliquip ex ea commodo consequat.[/one_half_last]