Portal Assistant Portal Assistant
Portal Assistant Portal Assistant
loading
  1. Home
  2. Documentation
  3. Code Syntax Highlight
  4. Code Default Theme
Updated on 06/11/2025

Documentation

  • Folder icon closed Folder open iconElements
    • Tabs Widget
    • Notice / Message Widget
    • Accordions Widget
    • Cheatsheet Widget
    • Image Hotspots Widget
  • Folder icon closed Folder open iconLayouts
    • Aesthetic Banner Design
    • No Search Banner
    • Full-width Layout
    • Comment Closed
  • Folder icon closed Folder open iconContent
    • Video Widget
    • Table Widget
    • Tooltip & Direction
    • Password Protected doc
    • Keyboard Shortcuts
    • Editor Contents
      • Style Guide
      • List Items Style
  • Folder icon closed Folder open iconCode Syntax Highlight
    • Code Default Theme
    • Code Dark Theme
    • Code Tomorrow Theme
    • Code Okaidia Theme
    • Code Twilight Theme
  • Folder icon closed Folder open iconFootnotes
    • Footnote Default
    • Footnote 2 Columns
    • Footnote 3 Columns
    • Footnote 4 Columns
  • Folder icon closed Folder open iconChangelogs
    • Changelogs Timeline
    • Second Depth
      • Third Depth
      • Third Depth Two
    • Demo Import
    • Plugins Installation
  • Folder icon closed Folder open iconFAQs
    • How to Paginate a Post?
    • How to set site’s favicon?
    • How to apply custom CSS code.
    • New Doc TItle

Code Default Theme

Estimated reading: 1 minute 1859 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
  • Example
  • New

Was this page helpful? Yes 9 No 3

Related articles

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

Code Default Theme

Or copy link

Clipboard Icon
CONTENTS

Powered By EazyDocs

Leaf Illustration

© 2025 All Rights Reserved by Portal Assistant