• Home
  • Onze projecten
    • Permanente vorming
    • Voedselveiligheid
    • Waterproject
    • Medisch materiaal
  • Steun ons
    • Waarom ons steunen?
    • Gift
    • Maandelijks geven
    • Benefietactiviteit
    • Ingobyi in uw testament
  • Nieuws
  • Agenda
  • Wie zijn we?
    • Onze doelstellingen
    • Onze missie en visie
    • Onze mensen
    • Onze geschiedenis
  • Contacteer ons

Shortcodes: Buttons & List

Shortcodes is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line. Shortcode = shortcut.

Buttons Options:

Use any of the available button classes to quickly create a styled link/button.

Dark Blue(Default) Dark BlueTransparent (Default) White WhiteTransparent Light Light Transparent Yellow Yellow Transparent

[button class="" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Dark Blue(Default)[/button]
[button class="btn-transparent" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Dark BlueTransparent (Default)[/button]
[button class="btn-white" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]White[/button]
[button class="btn-white-transparent" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]WhiteTransparent[/button]
[button class="btn-light" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Light[/button]
[button class="btn-light-transparent" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Light Transparent[/button]
[button class="btn-yellow" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Yellow[/button]
[button class="btn-yellow-transparent" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Yellow Transparent[/button]

Disabled Buttons

Add the disabled attribute to buttons to make them look unclickable (fading them back 50%)

Dark Blue(Default) Dark BlueTransparent (Default) White WhiteTransparent Light Light Transparent Yellow Yellow Transparent

[button class="disabled" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Dark Blue(Default)[/button]
[button class="btn-transparent disabled" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Dark BlueTransparent (Default)[/button]
[button class="btn-white disabled" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]White[/button]
[button class="btn-white-transparent disabled" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]WhiteTransparent[/button]
[button class="btn-light disabled" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Light[/button]
[button class="btn-light-transparent disabled" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Light Transparent[/button]
[button class="btn-yellow disabled" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Yellow[/button]
[button class="btn-yellow-transparent disabled" link="#" bgcolor="" textcolor="" bordercolor="" target="_self"]Yellow Transparent[/button]

Buttons Size

Fancy larger or smaller buttons? Add .btn-lg, .btn-sm, or .btn-xs for additional sizes.

Large Size   Large Size

Default Size   Default Size

Small Size   Small Size

Extra Small   Extra Small

[button class="btn-lg" link="#" target="_self"]Large Size[/button]  
[button class="btn-lg  btn-light-transparent" link="#" target="_self"]Large Size[/button]

[button class="" link="#" target="_self"]Default Size[/button]  
[button class="btn-light-transparent" link="#" target="_self"]Default Size[/button]

[button class="btn-sm" link="#" target="_self"]Small Size[/button]  
[button class=" btn-sm  btn-light-transparent" link="#" target="_self"]Small Size[/button]

[button class="btn-xs" link="#" target="_self"]Extra Small[/button]  
[button class=" btn-xs btn-light-transparent" link="#" target="_self"]Extra Small[/button]

Custom Colored Buttons

#739620   #a54719   #5ca794  

[button link="#" bgcolor="#739620" textcolor="#ffffff" bordercolor="#4f6a10" target="_self"]#739620[/button]
[button link="#" bgcolor="#a54719" textcolor="#ffffff" bordercolor="#884e31" target="_self"]#a54719[/button]
[button link="#" bgcolor="#5ca794" textcolor="#ffffff" bordercolor="#64817a" target="_self"]#5ca794[/button]

Custom List Styles:

Minus

  • List item 1
  • List item 2
  • List item 3

Links

  • List item 1
  • List item 2
  • List item 3

Text Files

  • List item 1
  • List item 2
  • List item 3

Plus

  • List item 1
  • List item 2
  • List item 3

OK list

  • List item 1
  • List item 2
  • List item 3

Videos

  • List item 1
  • List item 2
  • List item 3

Caret Right

  • List item 1
  • List item 2
  • List item 3

Stars

  • List item 1
  • List item 2
  • List item 3

Images

  • List item 1
  • List item 2
  • List item 3

Chevron

  • List item 1
  • List item 2
  • List item 3

Folders

  • List item 1
  • List item 2
  • List item 3

Games

  • List item 1
  • List item 2
  • List item 3

Bordered Chevron List

  • List item 1
  • List item 2
  • List item 3

SHORTCODES LIST

  • Get Involved
  • Projects
    • Recent Posts
    • Fresh from our Blog
    • Twitter
  • Projects
    • Recent Posts
    • Fresh from our Blog
    • Twitter
  • EVENTS
  • Pages
    • Blog
    • Image Galllery
    • Donate Page
    • Pricing Page
    • Shortcodes
      • Buttons & List
      • Text & Images
      • Charts
      • Columns with Sidebar
      • Columns full with
      • Lightbox
      • Videos & Galleries
      • Google Maps
      • Font Icons
      • Tabs & Toggles
      • Boxes & Tables
      • Typography
      • Widgets
      • Other
    • Slider Type
      • Text Slider
      • Image – Video
      • With Caption
    • 404 Page
  • Pages
    • Blog
    • Image Galllery
    • Donate Page
    • Pricing Page
    • Shortcodes
      • Buttons & List
      • Text & Images
      • Charts
      • Columns with Sidebar
      • Columns full with
      • Lightbox
      • Videos & Galleries
      • Google Maps
      • Font Icons
      • Tabs & Toggles
      • Boxes & Tables
      • Typography
      • Widgets
      • Other
    • Slider Type
      • Text Slider
      • Image – Video
      • With Caption
    • 404 Page
  • Contact
  • Donate Now

Projecten

  • Permanente vorming
  • Voedselveiligheid
  • Waterproject
  • Medisch materiaal
  • Cookiebeleid (EU)

Locaties

    met de steun van:



    Website door:
    Sinergio Webdesign Buggenhout

    Beheer cookie toestemming
    Wij gebruiken cookies om onze website en onze service te optimaliseren.
    Functionele cookies Altijd actief
    De technische opslag of toegang is strikt noodzakelijk voor het legitieme doel het gebruik mogelijk te maken van een specifieke dienst waarom de abonnee of gebruiker uitdrukkelijk heeft gevraagd, of met als enig doel de uitvoering van de transmissie van een communicatie over een elektronisch communicatienetwerk.
    Preferences
    De technische opslag of toegang is noodzakelijk voor het legitieme doel voorkeuren op te slaan die niet door de abonnee of gebruiker zijn aangevraagd.
    Statistieken
    De technische opslag of toegang die uitsluitend voor statistische doeleinden wordt gebruikt. De technische opslag of toegang die uitsluitend wordt gebruikt voor anonieme statistische doeleinden. Zonder dagvaarding, vrijwillige naleving door uw Internet Service Provider, of aanvullende gegevens van een derde partij, kan informatie die alleen voor dit doel wordt opgeslagen of opgehaald gewoonlijk niet worden gebruikt om je te identificeren.
    Marketing
    De technische opslag of toegang is nodig om gebruikersprofielen op te stellen voor het verzenden van reclame, of om de gebruiker op een website of over verschillende websites te volgen voor soortgelijke marketingdoeleinden.
    Beheer opties Beheer diensten Beheer leveranciers Lees meer over deze doeleinden
    Bekijk voorkeuren
    {title} {title} {title}