Custom course header

Author: zackkrida

assets/css/child-styles.css

@@ -107,6 +107,17 @@
       padding-right: $space-small;
       padding-left: $space-small;
     }
+
+    &.breadcrumbs--dark {
+      background-color: black;
+      padding: $space-small $space-normal;
+      display: inline-block;
+      color: $color-dark-gray;
+
+      a {
+        color: white;
+      }
+    }
   }
 
   // Overrides for the homepage hero

front/src/styles/modules.scss

@@ -65,11 +65,8 @@ public function get_post_type_args() : array {
 			'can_export'            => true,
 			'delete_with_user'      => true,
 			'rewrite'               => [
-				'with_front' => true,
-				'feeds'      => true,
-				'pages'      => true,
-				'slug'       => 'cc_course',
-				'ep_mask'    => 1,
+				'with_front' => false,
+				'slug' => 'certificates'
 			],
 			'supports'              => [
 				0 => 'title',

inc/custom-post-types/queulat-cc-course-cpt-plugin/class-cc-course-post-type.php

@@ -0,0 +1,6 @@
+<?php
+if ( function_exists( 'yoast_breadcrumb' ) ) {
+	yoast_breadcrumb( '<p class="breadcrumbs breadcrumbs--dark" id="breadcrumbs">', '</p>' );
+}
+?>
+<h2 class="title is-1 has-text-black"><?php the_title(); ?></h2>

inc/partials/entry/course-header.php

@@ -13,7 +13,7 @@
 	<div class="container">
 		<div class="columns">
 			<div class="column is-8">
-				<section class="entry-page-content padding-top-xl padding-touch-horizontal">
+				<section class="entry-page-content padding-top-xl">
 					<div class="text-format content body-big">
 						<?php the_content(); ?>
 					</div>

page.php

@@ -6,14 +6,17 @@
 	<header class="single-header">
 		<div class="container">
 			<div class="columns is-centered">
-				<div class="column is-8">
-					<?php get_template_part( 'inc/partials/entry/page', 'header' ); ?>
+				<div class="column is-12">
+					<?php get_template_part( 'inc/partials/entry/course', 'header' ); ?>
 				</div>
 			</div>
 		</div>
 	</header>
 	<div class="container">
 		<div class="columns is-centered">
+		<div class="column is-4">
+			wow
+		</div>
 			<div class="column is-8">
 				<section class="entry-page-content">
 					<div class="text-format body-big">