Stackposts Documentation Stackposts Documentation
  • Stackposts Documentation 2022 
    • Stackposts | Social Marketing Tool 
    • Waziper – WhatsApp Marketing Tool 
  • FAQs 
  • Download 
  • Blog 
Stackposts Documentation Stackposts Documentation
Stackposts Documentation
  • Stackposts Documentation 2022 
    • Stackposts | Social Marketing Tool 
    • Waziper – WhatsApp Marketing Tool 
  • FAQs 
  • Download 
  • Blog 

Docy Documentation

  • Elements
    • Tabs Widget
    • Notice / Message Widget
    • Accordions Widget
    • Cheatsheet Widget
    • Image Hotspots Widget
  • Content
    • Video Widget
    • Table Widget
    • Tooltip & Direction
    • Password Protected doc
    • Keyboard Shortcuts
    • List Items Style
  • Code Syntax Highlight
    • Code Dark Theme
    • Code Default Theme
    • Code Tomorrow Theme
    • Code Okaidia Theme
    • Code Twilight Theme
  • Layouts
    • Aesthetic Banner Design
    • No Search Banner
    • Full-width Layout
    • Full-width No Right Sidebar
    • Comment Closed
  • Footnotes
    • Footnote Default
    • Footnote 2 Columns
    • Footnote 3 Columns
    • Footnote 4 Columns
  • Changelogs
    • Changelogs Timeline
    • 2nd Depth
      • 3rd Depth
      • 3rd Depth Two
    • Demo Import
    • Plugins Installation
  • FAQs
    • How to Paginate a Post?
    • How to set site’s favicon?
    • How to apply custom CSS code.
loading
Popular Searches
  • Getting
  • WordPress
  • Layout
  1. Home
  2. Docs
  3. Private: Docy Documentation
  4. Code Syntax Highlight
  5. Code Default Theme
Updated on June 11, 2022

Docy Documentation

  • Elements
    • Tabs Widget
    • Notice / Message Widget
    • Accordions Widget
    • Cheatsheet Widget
    • Image Hotspots Widget
  • Content
    • Video Widget
    • Table Widget
    • Tooltip & Direction
    • Password Protected doc
    • Keyboard Shortcuts
    • List Items Style
  • Code Syntax Highlight
    • Code Dark Theme
    • Code Default Theme
    • Code Tomorrow Theme
    • Code Okaidia Theme
    • Code Twilight Theme
  • Layouts
    • Aesthetic Banner Design
    • No Search Banner
    • Full-width Layout
    • Full-width No Right Sidebar
    • Comment Closed
  • Footnotes
    • Footnote Default
    • Footnote 2 Columns
    • Footnote 3 Columns
    • Footnote 4 Columns
  • Changelogs
    • Changelogs Timeline
    • 2nd Depth
      • 3rd Depth
      • 3rd Depth Two
    • Demo Import
    • Plugins Installation
  • FAQs
    • How to Paginate a Post?
    • How to set site’s favicon?
    • How to apply custom CSS code.

Code Default Theme

Estimated reading: 1 minute 302 views

Table of Contents

  • Inline code
  • Code blocks
  • CSS Code
  • JavaScript Code

Inline code

Wrap inline snippets of code with<code>. Be sure to escape HTML angle brackets.

For example, <section>should be wrapped as inline.
				
					console.log( 'Code is Poetry' );
				
			

Code blocks

Use <pre>s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the .pre-scrollable class, which will set a max-height of 350px and provide a y-axis scrollbar.

				
					<ul class="list-unstyled f_social_icon">
    <li><a href="#"><i class="social_facebook"><i><a><li>
    <li><a href="#"><i class="social_twitter"><i><a><li>
    <li><a href="#"><i class="social_vimeo"><i><a><li>
    <li><a href="#"><i class="social_linkedin"><i><a><li>
<ul>
				
			

CSS Code

				
					.footnotes-link::before {
    display: none;
}

.footnotes-link {
    color: #10b3d6;
}

.tip_content p {
    font-size: 14px;
}

.tip_content p:last-child {
    margin-bottom: 0;
}

.footnotes_item strong {
    position: relative;
}

span.top-arrow {
    position: absolute;
    top: -3px;
}
				
			

JavaScript Code

				
					$(".img_popup").each(function () {
    $(".img_popup").magnificPopup({
        type: 'image',
        closeOnContentClick: true,
        closeBtnInside: false,
        fixedContentPos: true,
        removalDelay: 300,
        mainClass: 'mfp-no-margins mfp-with-zoom',
        image: {
            enabled: true,
            navigateByImgClick: true,
            preload: [0, 1]
        }
    });
})
				
			
  • Tagged:
  • Code
  • Example
  • New

Still stuck? How can we help?

How can we help?

A premium WordPress theme with integrated Knowledge Base, providing 24/7 community based support

Was this page helpful? Yes 4 No 2

Related articles

  • Code Dark Theme
  • Full-width Layout
  • No Search Banner
  • Aesthetic Banner Design
  • Code Okaidia Theme
  • Footnote Default
  • Full-width No Right Sidebar
  • Table Widget
  • Changelogs Timeline
  • Code Twilight Theme
  • Tabs Widget
  • Image Hotspots Widget
  • Code Tomorrow Theme
  • Notice / Message Widget
  • Cheatsheet Widget
  • See More

Leave a Comment Cancel reply

You must be logged in to post a comment.

CONTENTS

Powered By Stackposts

Leaf Illustration

© 2022 All Rights Reserved by Stackposts