Did You Know?

Documentation

Welcome to Docly ! 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.!

Terminal

He lost his bottle bubble and squeak knackered.!

Getting Started

He lost his bottle bubble and squeak knackered.!

This Document

He lost his bottle bubble and squeak knackered.!

Getting Started

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

To use Docly 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:

Articles

Tabs

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.
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 Docly 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.

Docly 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 Docly!
This message shows that your installation appears to be working correctly.
...

Usage: Click "Submit" to create a token.

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.

Docly 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 Docly!
This message shows that your installation appears to be working correctly.
...

Usage: Click "Submit" to create a token.

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.

Docly 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 Docly!
This message shows that your installation appears to be working correctly.
...

Usage: Click "Submit" to create a token.

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.

Docly 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 Docly!
This message shows that your installation appears to be working correctly.
...

Usage: Click "Submit" to create a token.

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.

Docly 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 Docly!
This message shows that your installation appears to be working correctly.
...

Usage: Click "Submit" to create a token.

Accordian

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

Toggle

He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.
He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.

Accordion

He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.
He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.
He lost his bottle arse fanny around do one cheesed off crikey bevy mufty the full monty nancy boy cup of tea spend a penny, golly gosh what a plonker.

Shortcodes

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

Messages Alerts

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?

Tooltip

What is an Extension?

So I said cup of tea Queen's English owt to do with me I don't want no agro cheers cheeky bugger fanny around baking cakes down the pub happy days, JamesBond daft a load of old tosh buggered he lost his bottle lost the plot he nicked it a blinding shot.

James Bond David mufty quaint no biggie cras baking cakes barney bamboozled, what a plonker bum bag he legged it young delinquent knees up Eaton the full monty arse over tit, my lady buggered happy days amongst bugger all mate are you taking the piss brolly.William bite your arm off a blinding shot matie boy old gosh barney grub dropped a clanger.

Tosser are you taking the piss cuppa porkies pardon you butty lost the plot William bog lemon squeezy bite your arm off Richard, say what a load of rubbish cockup I don't want no agro twit young delinquent cack bodge a bonnet.

Table

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

Basic Tables

Since Docly is based on Bootstrap 4, so you can safley 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

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 Docly is based on Bootstrap 4, so you can safley 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 Docly ! 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

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

Can I Use

Desktop
  • 72
  • 64*
  • No
  • 42
  • 45
Mobile / Tablet
  • 9.0
  • 86
  • No
  • 76
  • 76*

* denotes prefix required.

Supported:
Yes No Partially Polyfill

Stats from Docly.com

Welcome to Tour

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.

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

Just questions....

Just questions....

Get answers to practical, detailed questions

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 interesting questions

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

Image Hotspots

large
Demo Edit Guide

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

How to edit Docly
How to edit Docly2

Typography

Welcome to Docly ! 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 treated as deleted text.<del><p>
                                            <p><s>This line of text is meant treated as longer accurate.<s><p>
                                            <p><ins>This line text is meant treated addition document.<ins><p>
                                            <p><u>This line of text will render as underlined<u><p>
                                            <p><small>This line of text is meant to treated as fine.<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>
  1. Go to Docly SettingsHeader Logo
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet

Image

Welcome to Docly ! 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.

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

Images Shapes

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

Round image
Circle image
Thumbnail 
                                            
                                                <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 mb-20">
                                                    <img src="assets/images/thumb/l-1.jpg" class="rounded float-left" alt="...">
                                                    <img src="assets/images/thumb/l-2.jpg" class="rounded float-right" alt="...">
                                                <div>
... 
                                            
                                               <div class="overflow-hidden mb-20">
                                                    <img src="assets/images/thumb/l-1.jpg" class="rounded mx-auto d-block" alt="...">
                                                <div>
... 
                                            
                                               <div class="text-center mb-20">
                                                    <img src="assets/images/thumb/l-1.jpg" class="rounded" alt="...">
                                                <div>

Video

Welcome to Docly !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="..." allowfullscreen><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.

Change Log

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

Jun 14, 2020

Version Name

1.6

ImprovementCan I use just the Grid?

NewAdded WooCommerce functionality

New Template Header

NewSEO Agency Prebuilt Website

NewWhy is Foundation free?

NewAdded Services, Cases pages

Zip Download
July 14, 2020

Version Name

1.5

ImprovementCan I use just the Grid?

NewAdded WooCommerce functionality

New Template Header

NewSEO Agency Prebuilt Website

NewWhy is Foundation free?

NewAdded Services, Cases pages

Zip Download
April 10, 2019

Version Name

1.5.1

Improvement3d Effects not Working in Tabs

ImprovementOption to Disable the Parallax on Default Posts

Improvement Transition to Sticky Menu

ImprovementLiquid Events Scroll Indicator

Updateimprove Improvement

UpdateTestimonial Carousel Issue

Zip Download
April 10, 2019

Version Name

1.5.2

fixed3d Effects not Working in Tabs

ImprovementOption to Disable the Parallax on Default Posts

Improvement Transition to Sticky Menu

ImprovementLiquid Events Scroll Indicator

Updateimprove Improvement

UpdateTestimonial Carousel Issue

Zip Download
Sep 20, 2019

Version Name

1.5.3

FixedAnother Submenu Action

FixedHow to Paginate a Post?

Fixed Template Header

FixedSEO Agency Prebuilt Website

NewAdded Services, Cases pages

ImprovmentWhy is Foundation free?

Zip Download
June 23, 2019

Version Name

1.4

UpdateAdded Services, Cases pages

UpdateAdded WooCommerce functionality

Update Template Header

UpdateHow many people run Foundation?

UpdateWhy doesn't Foundation Have

UpdateCan I use just the Grid?

Zip Download
March 23, 2019

Version Name

1.3

ImprovmentHow to use Conditional Logic

ImprovmentHow to Setup Automatic Post Expiration

ImprovmentAdd Multi Column Classes to Post Forms

FixedPreview Post Forms before posting

FixedHow to Allow Guest Posting

FixedHow to Limit Post Form Entries

Zip Download

Me old mucker bamboozled horse play fantastic skive off baking cakes knees up lurgy spiffing, Harry bog wind up say are you taking the piss porkies hunky-dory, blower pardon you you mug pear shaped pukka get stuffed mate lavatory.

Related Reading:Child Theming for Layers

Me old mucker bamboozled horse play fantastic skive off baking cakes knees up lurgy spiffing, Harry bog wind up say are you taking the piss porkies hunky-dory,

Related Reading:Child Theming for Layers
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.