DCHost Documentation DCHost Documentation
  • Products
  • Tutorials
  • Reference
  • Support
DCHost Documentation DCHost Documentation
DCHost Documentation
  • Products
  • Tutorials
  • Reference
  • Support
loading
Popular Searches
  • Getting
  • WordPress
  • Layout
  1. Home
  2. Docs
  3. Özel: Product Docs
  4. Code Dark Theme
Updated on 31 Mayıs 2022

Docy Child

Product Docs

  • Folder icon closed Folder open iconAesthetic Banner Design
  • Folder icon closed Folder open iconCode Dark Theme
  • Folder icon closed Folder open iconCode Default Theme
  • Folder icon closed Folder open iconDC Host Platform Overview
  • Folder icon closed Folder open iconAccordions Widget
  • Folder icon closed Folder open iconCode Tomorrow Theme
  • Folder icon closed Folder open iconFull-width Layout
  • Folder icon closed Folder open iconCheatsheet Widget
  • Folder icon closed Folder open iconCode Okaidia Theme
  • Folder icon closed Folder open iconFull-width No Right Sidebar
  • Folder icon closed Folder open iconPassword Protected doc
  • Folder icon closed Folder open iconCode Twilight Theme
  • Folder icon closed Folder open iconImage Hotspots Widget
  • Folder icon closed Folder open iconKeyboard Shortcuts
  • Folder icon closed Folder open iconList Items Style

Code Dark Theme

Estimated reading: 1 minute 290 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.
				
					For example, <code><section></code> should be wrapped as inline.
				
			

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
  • Doc
  • Layout

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 3 No

Related articles

  • Footnote Default
  • Code Twilight Theme
  • Cheatsheet Widget
  • Optimize Images
  • Full-width Layout
  • Code Default Theme
  • Aesthetic Banner Design
  • Footnote 4 Columns
  • Full-width No Right Sidebar
  • Code Tomorrow Theme
  • Code Okaidia Theme
  • Accordions Widget
  • Footnote 3 Columns
  • Image Hotspots Widget
  • See More

Related articles

  • Optimize Images
  • Footnote 4 Columns
  • Accordions Widget
  • Image Hotspots Widget
  • Full-width Layout
  • Footnote 3 Columns
  • Code Tomorrow Theme
  • Footnote Default
  • Cheatsheet Widget
  • Code Twilight Theme
  • Aesthetic Banner Design
  • Code Default Theme
  • Full-width No Right Sidebar
  • Code Okaidia Theme
  • See More
Leaf Illustration

Copyright © 2022 All Rights Reserved by DC Host Inc.