Blocks Blocks
  • Home 
    • Creative Helpdesk 
    • Cool Knowledge base 
    • Focused Helpdesk 
    • Classic Helpdesk 
    • Book Chapters / Tutorials 
    • User Manuals 
    • Light Knowledge base 
    • Support Forum 
    • Multi Helpdesk 
  • Documentation 
    • OnePage Documentation 
    • Elements
      • Tabs Widget 
      • Table Widget 
      • Notice / Message Widget 
      • Accordions Widget 
      • Cheatsheet Widget 
      • Image Hotspots Widget 
    • Content
      • Changelogs Timeline 
      • Video Widget 
      • Keyboard Shortcuts 
      • Password Protected (Demo) 
      • Tooltip & Direction 
      • List Items Style 
    • Code
      • Dark Theme 
      • Default Theme 
      • Funky Theme 
      • Okaidia Theme 
      • Twilight Theme 
    • Footnotes
      • Single Comun 
      • Two Columns 
      • Three Columns 
      • Four Columns 
    • Layouts
      • No Right Sidebar 
      • Full-width Layout 
      • Aesthetic Banner Design 
      • Comment Closed 
  • Forum 
    • Forums 
    • Forum Topics 
    • Topic Details 
    • Ask Question 
    • User Profile 
  • Pages 
    • Login (Elementor) 
    • Sign in 
    • Sign up 
    • Docs
      • Two Column 
      • Three Column 
      • Four Column 
      • Single Docs 
      • Multi Doc Tabs 
    • Search Results 
    • 404 Error 
  • Blog 
    • Blog Page
      • List Layout 
      • Grid Layout 
    • Single Details
      • Colorful Banner 
      • Banner Image 
      • TOC Layout 
      • Video with TOC 
    • Categories 
  • Shop 
    • Product Details 
    • Cart 
    • Checkout 
    • My account 
Blocks Blocks
Blocks
  • Home 
    • Creative Helpdesk 
    • Cool Knowledge base 
    • Focused Helpdesk 
    • Classic Helpdesk 
    • Book Chapters / Tutorials 
    • User Manuals 
    • Light Knowledge base 
    • Support Forum 
    • Multi Helpdesk 
  • Documentation 
    • OnePage Documentation 
    • Elements
      • Tabs Widget 
      • Table Widget 
      • Notice / Message Widget 
      • Accordions Widget 
      • Cheatsheet Widget 
      • Image Hotspots Widget 
    • Content
      • Changelogs Timeline 
      • Video Widget 
      • Keyboard Shortcuts 
      • Password Protected (Demo) 
      • Tooltip & Direction 
      • List Items Style 
    • Code
      • Dark Theme 
      • Default Theme 
      • Funky Theme 
      • Okaidia Theme 
      • Twilight Theme 
    • Footnotes
      • Single Comun 
      • Two Columns 
      • Three Columns 
      • Four Columns 
    • Layouts
      • No Right Sidebar 
      • Full-width Layout 
      • Aesthetic Banner Design 
      • Comment Closed 
  • Forum 
    • Forums 
    • Forum Topics 
    • Topic Details 
    • Ask Question 
    • User Profile 
  • Pages 
    • Login (Elementor) 
    • Sign in 
    • Sign up 
    • Docs
      • Two Column 
      • Three Column 
      • Four Column 
      • Single Docs 
      • Multi Doc Tabs 
    • Search Results 
    • 404 Error 
  • Blog 
    • Blog Page
      • List Layout 
      • Grid Layout 
    • Single Details
      • Colorful Banner 
      • Banner Image 
      • TOC Layout 
      • Video with TOC 
    • Categories 
  • Shop 
    • Product Details 
    • Cart 
    • Checkout 
    • My account 

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. Docy Documentation
  3. Code Syntax Highlight
  4. Code Okaidia Theme
Updated on May 8, 2020

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 Okaidia Theme

Estimated reading: 1 minute 261 views

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
  • New

Still stuck? How can we help?

How can we help?

Was this page helpful? Yes No

Related articles

  • Image Hotspots Widget
  • Cheatsheet Widget
  • Code Tomorrow Theme
  • Code Default Theme
  • Table Widget
  • Aesthetic Banner Design
  • Code Twilight Theme
  • Full-width Layout
  • Changelogs Timeline
  • Code Dark Theme
  • See More

Leave a Comment Cancel reply

CONTENTS

Powered By EazyDocs

Leaf Illustration

© 2021 All Rights Reserved by Spider-Themes