Docy Documentation

Welcome to Docy ! Get familiar with the Stripe products and explore their features:

Working with Docs

He lost his bottle bubble and squeak knackered.!

Formatting Content

He lost his bottle bubble and squeak knackered.!

Development

He lost his bottle bubble and squeak knackered.!

Mobile App

He lost his bottle bubble and squeak knackered.!

Account Management

He lost his bottle bubble and squeak knackered.!

Shortcodes

He lost his bottle bubble and squeak knackered.!

Productivity

He lost his bottle bubble and squeak knackered.!

Issuing

He lost his bottle bubble and squeak knackered.!

Introduction

He lost his bottle bubble and squeak knackered.!

Accordion

He lost his bottle bubble and squeak knackered.!

Tab

He lost his bottle bubble and squeak knackered.!

This Document

He lost his bottle bubble and squeak knackered.!

Getting Started

Welcome to Docy ! Get familiar with the Stripe products and explore their features:

To use Docy WordPress theme you must have WordPress engine installed. We assume you have a working version of WordPress already up and running. We also encourage you to actively use the links below. These useful resources cover most of the general WordPress questions you may have:

What is WordPress? Wikipedia and WordPress FAQ Read here!
Tutorial on how to Install WordPress? Watch Video
WordPress Lessons Visit Articles

Articles

Horizontal Tab

Don't get shirty with me what a plonker on your bike mate bugger all mate chip shop bits and bobs smashing mush bugger cup of char, in my flat.Don't get shirty with me what a plonker on your bike mate bugger all mate chip shop bits and bobs smashing mush bugger cup of char, in my flat.

Process Tab

Try the Docy API in seconds. Create your first customer, charge, and more by following the step below.

Twit brilliant he legged it he nicked it amongst hotpot chinwag spend a penny lemon squeezy he lost his bottle porkies, Why it's your round happy days.

Docy run hello-world

Unable to find image 'hello-world:latest' locally

latest: Pulling from library/hello-world

ca4f61b1923c: Pull complete

Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7

Status: Downloaded newer image for hello-world:latest

Hello from Docy!
This message shows that your installation appears to be working correctly.
...

Toggle

Switch from one effect, feature, or state to another by using a toggle.

Super Professional

A short rod of wood or plastic sewn to one side of a coat or other garment, pushed through a hole or loop on the other side and twisted so as to act as a fastener. Switch from one effect, feature, or state to another by using a toggle.

Dashboard Another Example

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec
ullamcorper mattis, pulvinar dapibus leo. Nostra scelerisque fuga wisi aenean.

Don't get shirty with me what a plonker on your bike mate bugger all mate chip shop bits and bobs smashing mush bugger cup of char, in my flat.

Messages Alerts

Your Message Title Here

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Key Warnings

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Packaged with useful shortcodes

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Your Message Title Here

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Information Message

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Notices

Note
Easy peasy car boot hunky-dory brolly blow off down the pub show off show off pick your nose and blow off matie boy cobblers spiffing, bleeder the full monty excuse my French say bugger cack barney.

Admins: can choose to require users to enter their details by enabling the checkbox Require Name and Email address beside User Details option.
This will: automatically register users to your site. User has to enter his/her Name and E-Mail in the following fields

To do this, simple navigate to wp-dashboard->User Frontend->Settings. From Settings, open the E-Mails page. The first 2 fields are all that you need to configure the email notification for guest users.

Explanations

I assumed I could start "recording" then click around different areas of the site and watch that unused number go down as different pages with different HTML are rendered, but alas, when the page refreshes, so does the Coverage tab. It's not very useful in getting?

Basic Tables

Since Docy is based on Bootstrap 4, so you can safely use Bootstrap's table classes to style your table. We also added more table styles and functionality to our template.

Sample ID	Reading #1	Reading #2	Reading #3	Reading #4
Timeline	16	94	74	56
Sample #1	24	19	44	74
Pomodoro timer	12	63	82	66
Tags	95	46	62	24
Tracking time	19	66	31	99
Keyboard	57	15	57	9
Shortcuts	69	46	16	33
Manually	18	93	84	57
Timeline	92	10	69	35
Adding	4	87	51	22
Sample #2	24	23	85	34
Pomodoro	92	6	67	65

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Striped Table

Use .table-striped to add zebra-striping to any table row within the <tbody>.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Hover Tables

Since Docy is based on Bootstrap 4, so you can safely use Bootstrap's table classes to style your table. We also added more table styles and functionality to our template.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Footnotes

Welcome to Docy ! Get familiar with the Stripe products and explore their features:

Apparently we had reached a great height in the atmosphere, for the sky was a dead black, and the stars had ceased to twinkle. By the same illusion which lifts the horizon of the sea to the level of the spectator on a hillside, the sable cloud beneath was dished out, and the car seemed to float in the middle of an immense dark sphere, whose upper half was strewn with silver. Looking down into the dark gulf below, I could see a ruddy light streaming through a rift in the clouds.

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod labore suscipit animi consequatur. Accusantium quibusdam dolorum at a, numquam deserunt.

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quia quos autem veniam libero! Deleniti nemo quas optio voluptas voluptatibus sint ratione. Id vel error quia ipsam sit saepe hic at amet excepturi ea. Voluptas sunt ratione consequatur optio porro eaque nam quod ex illum modi id animi fugiat vero explicabo illo officiis assumenda nulla rerum, dignissimos sed dicta pariatur quis eum. Beatae ea cumque alias ducimus quos maxime sed, modi illum at repellendus, ex deleniti nesciunt tempore placeat in accusantium!

Footnotes

Footnote Name A
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptas dicta dolor.↑
Footnote Name B [PDF]
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptas dicta dolor.↑
Footnote Name C
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptas dicta dolor.↑

Can I Use

Desktop

Mobile / Tablet

* denotes prefix required.

Supported:

Yes No Partially Polyfill

Stats from Docy.com

Welcome to Docy !

Documentation and examples for typography, including global settings, headings, body text, lists, and more.With your help, we're working together to build a library of detailed answers to every question about programming.

Ask questions, get answer no distractions

This site is all about getting answers. It's not a discussion forum. There's no chit-chat.

Just questions....

Get answers to practical

Focus on questions about an actual problem you have faced. Include details about what you have tried and exactly what you are trying to do.

Focus on questions about an actual problem you have faced. Include details about what you have tried and exactly what you are trying to do.

Tags make it easy to find

All questions are tagged with their subject areas. Each can have up to 5 tags, since a question might be related to several subjects.

Text Tooltips

He nicked it chip shop argy-bargy brilliant get stuffed mate absolutely bladdered smashing, codswallop tosserhunky-dory cheers in my flat bite your arm off, cracking goal up the duff cheeky bugger zonked why. Burke cras Richard grub say bits and bobs mush my lady tinkety tonk old fruit crikey fantastic vagabond, sloshed blower barney bender is bobby you mug daft argy-bargy.

Image Hotspots

Welcome to Docy ! Get familiar with the Docyproducts and explore their features:

Image Hotspots

Demo Edit Guide

Via edit guide you can find where to edit elements, header, footer, etc.

How to edit Docy

Typography

Welcome to Docy ! Documentation and examples for typography, including global settings, headings, body text, lists, and more.

Headings

All HTML headings, <h1> through <h6>, are available.

h1. Sample heading

h2. Sample heading

h3. Sample heading

h4. Sample heading

h5. Sample heading

h6. Sample heading

<h1>h1. Sample heading</h1> <h2>h2. Sample heading</h2> <h3>h3. Sample heading</h3> <h4>h4. Sample heading</h4> <h5>h5. Sample heading</h5> <h6>h6. Sample heading</h6>

.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.

Anchor titles

All HTML headings, <h1> through <h6>, are available.

Header Title

<h5 id="header-name">Header Title</h5>

Inline text elements

Styling for common inline HTML5 elements.

You can use the mark tag to highlight text.

~~This line of text is meant to be treated as deleted text.~~

~~This line of text is meant to be treated as no longer accurate.~~

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

<p>You can use the mark tag to <mark>highlight</mark> text.</p> <p><del>This line of text is meant to be treated as deleted text.</del></p> <p><s>This line of text is meant to be treated as no longer accurate.</s></p> <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p> <p><u>This line of text will render as underlined</u></p> <p><small>This line of text is meant to be treated as fine print.</small></p> <p><strong>This line rendered as bold text.</strong></p> <p><em>This line rendered as italicized text.</em></p>

Lists

Display a list of items inside your content, rendered with a number, a bullet, or none.

Unordered list

<ul>

Go to Theme Settings > Header Settings,
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet

Ordered list

<ol>

Go to Docy SettingsHeaderLogo
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet

Image

Welcome to Docy ! Documentation and examples for typography, including global settings, headings, body text, lists, and more.

Responsive images

Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

<img src="..." class="img-fluid" alt="Responsive image">

Images Shapes

Easily create images in different shapes with adding one class to the <img> tag.

<img src="..." class="rounded" alt="Round image"> <img src="..." class="rounded-circle" alt="Circle image"> <img src="..." class="img-thumbnail" alt="Thumbnail">

Aligning images

Align images with the helper float classes or text alignment classes. block-level images can be centered using the .mx-auto margin utility class.

<div class="overflow-hidden"> <img src="..." class="rounded float-left"> <img src="..." class="rounded float-right"> </div>

<div class="overflow-hidden"> <img src="..." class="rounded mx-auto d-block"> </div>

<div class="text-center"> <img src="..." class="rounded"> </div>

Video

Welcome to Docy !Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.

About

Rules are directly applied to <iframe>, <embed>, <video>, and <object> elements; optionally use an explicit descendant class .embed-responsive-item when you want to match the styling for other attributes.

Example

Wrap any embed like an <iframe> in a parent element with .embed-responsive and an aspect ratio. The .embed-responsive-item isn't strictly required, but we encourage it.

<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="..."></iframe> </div>

Aspect ratios

Aspect ratios can be customized with modifier classes.

<div class="embed-responsive embed-responsive-21by9"> <iframe class="embed-responsive-item" src="..."></iframe> </div> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="..."></iframe> </div> <div class="embed-responsive embed-responsive-4by3"> <iframe class="embed-responsive-item" src="..."></iframe> </div> <div class="embed-responsive embed-responsive-1by1"> <iframe class="embed-responsive-item" src="..."></iframe> </div>

Local Video

While it's always better to host your videos on a video sharing website, but we provided a sample for you to include local videos in your pages.

FixedHow to Limit Post Form Entries

Zip Download

Still stuck? How can we help?

Was this page helpful? Yes No

A-A A+

Docy

Did You Know?

Docy Documentation

Welcome to Docy ! Get familiar with the Stripe products and explore their features:

Working with Docs

He lost his bottle bubble and squeak knackered.!

Formatting Content

He lost his bottle bubble and squeak knackered.!

Development

He lost his bottle bubble and squeak knackered.!

Mobile App

He lost his bottle bubble and squeak knackered.!

Account Management

He lost his bottle bubble and squeak knackered.!

Shortcodes

He lost his bottle bubble and squeak knackered.!

Productivity

He lost his bottle bubble and squeak knackered.!

Issuing

He lost his bottle bubble and squeak knackered.!

Introduction

He lost his bottle bubble and squeak knackered.!

Accordion

He lost his bottle bubble and squeak knackered.!

Tab

He lost his bottle bubble and squeak knackered.!

This Document

He lost his bottle bubble and squeak knackered.!

Getting Started

Welcome to Docy ! Get familiar with the Stripe products and explore their features:

What is WordPress? Wikipedia and WordPress FAQ Read here!
Tutorial on how to Install WordPress? Watch Video
WordPress Lessons Visit Articles

Articles

Horizontal Tab

Process Tab

Try the Docy API in seconds. Create your first customer, charge, and more by following the step below.

Twit brilliant he legged it he nicked it amongst hotpot chinwag spend a penny lemon squeezy he lost his bottle porkies, Why it's your round happy days.

Docy run hello-world

Unable to find image 'hello-world:latest' locally

latest: Pulling from library/hello-world

ca4f61b1923c: Pull complete

Digest: sha256:ca0eeb6fb05351dfc8759c20733c91def84cb8007aa89a5bf606bc8b315b9fc7

Status: Downloaded newer image for hello-world:latest

Hello from Docy!
This message shows that your installation appears to be working correctly.
...

Toggle

Switch from one effect, feature, or state to another by using a toggle.

Super Professional

Dashboard Another Example

Accordion

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec
ullamcorper mattis, pulvinar dapibus leo. Nostra scelerisque fuga wisi aenean.

Don't get shirty with me what a plonker on your bike mate bugger all mate chip shop bits and bobs smashing mush bugger cup of char, in my flat.

Messages Alerts

Your Message Title Here

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Key Warnings

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Packaged with useful shortcodes

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Your Message Title Here

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Information Message

Do one don't get shirty with me naff only a quid the full monty at public school burke Jeffrey smashing, blatant ruddy fanny around Charles.

Notices

Note
Easy peasy car boot hunky-dory brolly blow off down the pub show off show off pick your nose and blow off matie boy cobblers spiffing, bleeder the full monty excuse my French say bugger cack barney.

Admins: can choose to require users to enter their details by enabling the checkbox Require Name and Email address beside User Details option.
This will: automatically register users to your site. User has to enter his/her Name and E-Mail in the following fields

To do this, simple navigate to wp-dashboard->User Frontend->Settings. From Settings, open the E-Mails page. The first 2 fields are all that you need to configure the email notification for guest users.

Explanations

Basic Tables

Since Docy is based on Bootstrap 4, so you can safely use Bootstrap's table classes to style your table. We also added more table styles and functionality to our template.

Sample ID	Reading #1	Reading #2	Reading #3	Reading #4
Timeline	16	94	74	56
Sample #1	24	19	44	74
Pomodoro timer	12	63	82	66
Tags	95	46	62	24
Tracking time	19	66	31	99
Keyboard	57	15	57	9
Shortcuts	69	46	16	33
Manually	18	93	84	57
Timeline	92	10	69	35
Adding	4	87	51	22
Sample #2	24	23	85	34
Pomodoro	92	6	67	65

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Striped Table

Use .table-striped to add zebra-striping to any table row within the <tbody>.

#	First	Last	Handle
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Hover Tables

Since Docy is based on Bootstrap 4, so you can safely use Bootstrap's table classes to style your table. We also added more table styles and functionality to our template.

#	First Name	Last Name	Username
1	Mark	Otto	@mdo
2	Jacob	Thornton	@fat
3	Larry	the Bird	@twitter

Footnotes

Welcome to Docy ! Get familiar with the Stripe products and explore their features:

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quod labore suscipit animi consequatur. Accusantium quibusdam dolorum at a, numquam deserunt.

Footnotes

Footnote Name A
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptas dicta dolor.↑
Footnote Name B [PDF]
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptas dicta dolor.↑
Footnote Name C
Lorem ipsum dolor, sit amet consectetur adipisicing elit. Amet voluptas dicta dolor.↑

Can I Use

Desktop

Mobile / Tablet

* denotes prefix required.

Supported:

Yes No Partially Polyfill

Stats from Docy.com

Welcome to Docy !

Ask questions, get answer no distractions

This site is all about getting answers. It's not a discussion forum. There's no chit-chat.

Just questions....

Get answers to practical

Focus on questions about an actual problem you have faced. Include details about what you have tried and exactly what you are trying to do.

Focus on questions about an actual problem you have faced. Include details about what you have tried and exactly what you are trying to do.

Tags make it easy to find

All questions are tagged with their subject areas. Each can have up to 5 tags, since a question might be related to several subjects.

Text Tooltips

Image Hotspots

Welcome to Docy ! Get familiar with the Docyproducts and explore their features:

Image Hotspots

Demo Edit Guide

Via edit guide you can find where to edit elements, header, footer, etc.

How to edit Docy

Typography

Welcome to Docy ! Documentation and examples for typography, including global settings, headings, body text, lists, and more.

Headings

All HTML headings, <h1> through <h6>, are available.

h1. Sample heading

h2. Sample heading

h3. Sample heading

h4. Sample heading

h5. Sample heading

h6. Sample heading

<h1>h1. Sample heading</h1> <h2>h2. Sample heading</h2> <h3>h3. Sample heading</h3> <h4>h4. Sample heading</h4> <h5>h5. Sample heading</h5> <h6>h6. Sample heading</h6>

.h1 through .h6 classes are also available, for when you want to match the font styling of a heading but cannot use the associated HTML element.

Anchor titles

All HTML headings, <h1> through <h6>, are available.

Header Title

<h5 id="header-name">Header Title</h5>

Inline text elements

Styling for common inline HTML5 elements.

You can use the mark tag to highlight text.

~~This line of text is meant to be treated as deleted text.~~

~~This line of text is meant to be treated as no longer accurate.~~

This line of text is meant to be treated as an addition to the document.

This line of text will render as underlined

This line of text is meant to be treated as fine print.

This line rendered as bold text.

This line rendered as italicized text.

<p>You can use the mark tag to <mark>highlight</mark> text.</p> <p><del>This line of text is meant to be treated as deleted text.</del></p> <p><s>This line of text is meant to be treated as no longer accurate.</s></p> <p><ins>This line of text is meant to be treated as an addition to the document.</ins></p> <p><u>This line of text will render as underlined</u></p> <p><small>This line of text is meant to be treated as fine print.</small></p> <p><strong>This line rendered as bold text.</strong></p> <p><em>This line rendered as italicized text.</em></p>

Lists

Display a list of items inside your content, rendered with a number, a bullet, or none.

Unordered list

<ul>

Go to Theme Settings > Header Settings,
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet

Ordered list

<ol>

Go to Docy SettingsHeaderLogo
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet

Image

Welcome to Docy ! Documentation and examples for typography, including global settings, headings, body text, lists, and more.

Responsive images

Images in Bootstrap are made responsive with .img-fluid. max-width: 100%; and height: auto; are applied to the image so that it scales with the parent element.

<img src="..." class="img-fluid" alt="Responsive image">

Images Shapes

Easily create images in different shapes with adding one class to the <img> tag.

<img src="..." class="rounded" alt="Round image"> <img src="..." class="rounded-circle" alt="Circle image"> <img src="..." class="img-thumbnail" alt="Thumbnail">

Aligning images

Align images with the helper float classes or text alignment classes. block-level images can be centered using the .mx-auto margin utility class.

<div class="overflow-hidden"> <img src="..." class="rounded float-left"> <img src="..." class="rounded float-right"> </div>

<div class="overflow-hidden"> <img src="..." class="rounded mx-auto d-block"> </div>

<div class="text-center"> <img src="..." class="rounded"> </div>

Video

Welcome to Docy !Create responsive video or slideshow embeds based on the width of the parent by creating an intrinsic ratio that scales on any device.

About

Example

Wrap any embed like an <iframe> in a parent element with .embed-responsive and an aspect ratio. The .embed-responsive-item isn't strictly required, but we encourage it.

<div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="..."></iframe> </div>

Aspect ratios

Aspect ratios can be customized with modifier classes.

<div class="embed-responsive embed-responsive-21by9"> <iframe class="embed-responsive-item" src="..."></iframe> </div> <div class="embed-responsive embed-responsive-16by9"> <iframe class="embed-responsive-item" src="..."></iframe> </div> <div class="embed-responsive embed-responsive-4by3"> <iframe class="embed-responsive-item" src="..."></iframe> </div> <div class="embed-responsive embed-responsive-1by1"> <iframe class="embed-responsive-item" src="..."></iframe> </div>

Local Video

While it's always better to host your videos on a video sharing website, but we provided a sample for you to include local videos in your pages.

FixedHow to Limit Post Form Entries

Zip Download

Still stuck? How can we help?

Was this page helpful? Yes No

A-A A+

Docy Documentation

Working with Docs

Formatting Content

Development

Mobile App

Account Management

Shortcodes

Productivity

Issuing

Introduction

Accordion

Tab

This Document

Getting Started

Articles

Horizontal Tab

Process Tab

Toggle

Accordion

Conclusions

Forum

Reporting

Messages Alerts

Your Message Title Here

Key Warnings

Packaged with useful shortcodes

Your Message Title Here

Information Message

Notices

Note

Explanations

Basic Tables

Striped Table

Hover Tables

Image Lightbox

Footnotes

Footnotes

Can I Use

Desktop

Mobile / Tablet

Welcome to Docy !

Ask questions, get answer no distractions

Get answers to practical

Tags make it easy to find

Text Tooltips

Image Hotspots

Image Hotspots

Demo Edit Guide

How to edit Docy

How to edit Docy

Typography

Headings

h1. Sample heading

h2. Sample heading

h3. Sample heading

h4. Sample heading

h5. Sample heading

h6. Sample heading

Anchor titles

Header Title

Inline text elements

Lists

Unordered list

Ordered list

Image

Responsive images

Images Shapes

Aligning images

Video

About

Example

Aspect ratios

Local Video

Change Log

Jun 14, 2020

July 14, 2020

April 10, 2019

April 10, 2019

Sep 20, 2019

June 23, 2019