Demo

Default

                    

//Change the text on success copy
	copyCode.on('success', function(e) {
		 $(e.trigger).text("Copied!");
		 e.clearSelection();
		 setTimeout(function() {
			 $(e.trigger).text("Copy Code");
		 }, 2500);
	 });

//Change the text on error
	 copyCode.on('error', function(e) {
		 $(e.trigger).text("Use a different Browser");
		 setTimeout(function() {
			 $(e.trigger).text("Copy Code");
		 }, 2500);
	 });

                    

if ( 'yes' == $atts['slim'] ) {

Slim Version

                    

if ( 'yes' == $atts['slim'] ) {

                    

# Python program to display all the prime numbers within an interval

lower = 900
upper = 1000

print("Prime numbers between", lower, "and", upper, "are:")

for num in range(lower, upper + 1):
   # all prime numbers are greater than 1
   if num > 1:
       for i in range(2, num):
           if (num % i) == 0:
               break
       else:
           print(num)

Light version with different background color

                    

/**
 * The code that runs during plugin deactivation.
 * This action is documented in includes/class-code-snippet-dm-deactivator.php
 */
function deactivate_code_snippet_dm() {
	require_once plugin_dir_path( __FILE__ ) . 'includes/class-code-snippet-dm-deactivator.php';
	Code_Snippet_Dm_Deactivator::deactivate();
}

register_activation_hook( __FILE__, 'activate_code_snippet_dm' );
register_deactivation_hook( __FILE__, 'deactivate_code_snippet_dm' );

Dark Version with different background color

                    

//Change the text on success copy
	copyCode.on('success', function(e) {
		 $(e.trigger).text("Copied!");
		 e.clearSelection();
		 setTimeout(function() {
			 $(e.trigger).text("Copy Code");
		 }, 2500);
	 });

//Change the text on error
	 copyCode.on('error', function(e) {
		 $(e.trigger).text("Use a different Browser");
		 setTimeout(function() {
			 $(e.trigger).text("Copy Code");
		 }, 2500);
	 });

No Background

                    

.display-posts-listing .listing-item .dm-wrap-content-category-display {
  width: 65%;
}

.display-posts-listing .listing-item a.title {
  display: block;
  width: auto;
  overflow: hidden;
  color: #373a41;
  font-size: 22px;
  font-family: 'Open Sans';
}

Light with no background

                    

.display-posts-listing .listing-item .dm-wrap-content-category-display {
  width: 65%;
}

.display-posts-listing .listing-item a.title {
  display: block;
  width: auto;
  overflow: hidden;
  color: #373a41;
  font-size: 22px;
  font-family: 'Open Sans';
}