Digital Intelligenz Digital Intelligenz
Digital Intelligenz Digital Intelligenz
loading
  1. Home
  2. Code Default Theme
Updated on April 20, 2020
  1. Home
  2. Code Default Theme
Updated on April 20, 2020
Code Default Theme

Code Default Theme

Estimated reading: 1 minute 2004 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

Still stuck? How can we help?

How can we help?

Was this page helpful? Yes 9 No 3

Related articles

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

Leave a Comment Cancel reply

Share this Doc

Code Default Theme

Or copy link

Clipboard Icon
CONTENTS

Powered By EazyDocs

Doc Contents

Doc Footnotes

Doc Elements

© 2025 All Rights Reserved by Spider-Themes