Xidipity

Knowledge Base

button
Template: Button
Xidipity WordPress Theme Knowledge Base Template Content Header Image

Appearance

 

 

 

Template

 

<!--  wpX:BUTTON -->
<form action="#url#">
  <button class="bkg:pri-2 bkg:pri-1!hover cnr:arch-x-sm fnt:wgt-500 pad:hrz+2 pad:vrt+0.75 txt:wht">#title#</button>
</form>
<!-- /wpX:BUTTON -->
 

Template may scroll horizontally in some circumstances.

Markers

 

#url#Button link.
#title#Text to display on the button face. Buttons will expand to accommodate the length of the text.

 

Installation

 

Steps

 

  1. highlight & copy template to clipboard
  2. click the line in your content where the button will be placed
  3. open the Xidipity Template Editor in a separate tab
  4. paste clipboard into the editor
  5. update the #url# marker with link
  6. highlight & copy updated template to clipboard
  7. click the toolbar insert template (  ) icon
  8. paste clipboard into the tool
  9. click OK to insert
  10. click #title# marker, edit as desired

 

​Notes

 

Although an icon can be added to the button title, other toolbar formatting options are not supported. Looking for other styling choices? Check out the Xidipity blog. 


  • Since: v1.0.0

 

September 25, 2022