Add YCB Social Icons

assets/styles/_content.scss

@@ -357,12 +357,37 @@
 	}
 
 	.active a {
-
 		@include gradient;
 		color: $white;
 	}
 }
 
+.entry-pagination {
+    margin-bottom: 60px;
+	a {
+		padding: 0.5rem 1rem;
+		color: $dark;
+		font-size: 1.6rem;
+		text-decoration: none;
+		@include transition;
+		&:hover,
+		&:focus {
+			color: $accent;
+		}
+	}
+	
+	& > .custom-page-links {
+		padding: 0.5rem 1rem;
+		@include gradient;
+		color: $white;
+		border-radius: $site-radius;
+	}
+}
+
+
+
+
+
 /* ## Comments
 --------------------------------------------- */
 

assets/styles/_plugins.scss

@@ -651,6 +651,9 @@ ul.testimonials-list {
 }
 
 .gfpc-featured-posts {
+	& > article {
+		margin-bottom: 40px;
+	}
 	.entry-content {
 		clear: unset;
 		&:before {
@@ -718,3 +721,37 @@ ul.testimonials-list {
 #wpcomm .wc-reply .wc-comment-right .wc-comment-text * {
     font-size: 1.6rem;
 }
+
+
+/*YCB Social Icons*/
+ul.ycb-social-icons {
+    margin: 0;
+	line-height: unset;
+	li {
+		padding: 0 !important;
+		display: inline-block !important;
+		margin: 0 8px 8px 0 !important;
+		list-style-type: none !important;
+
+		a {
+			border-radius: 2px;
+			font-size: 20px !important;
+			background: $blue;
+			padding: 8px;
+			color: #FFF;
+
+			&:hover {
+				background: $one !important;
+    			color: #FFFFFF !important;
+			}
+
+			.svg-inline--fa {
+				width: 1.2em;
+				text-align: center;
+				font-variant: normal;
+				text-transform: none;
+				line-height: 1.2em;
+			}
+		}
+	}
+}

functions.php

@@ -244,6 +244,11 @@ function corporate_scripts_styles() {
 
 	}
 
+	// Enqueue Font-Awesome 5
+	wp_enqueue_script( 'font-awesome-free', '//use.fontawesome.com/releases/v5.3.1/js/fontawesome.js', array(), null );
+	wp_enqueue_script( 'font-awesome-brand', '//use.fontawesome.com/releases/v5.3.1/js/brands.js', array(), null );
+
+
 	// Enqueue custom theme scripts.
 	wp_enqueue_script( CHILD_TEXT_DOMAIN . '-pro', CHILD_THEME_URI . '/assets/scripts/min/theme.min.js', array( 'jquery' ), CHILD_THEME_VERSION, true );
 
@@ -289,6 +294,25 @@ require_once CHILD_THEME_DIR . '/includes/defaults.php';
 // Load recommended plugins.
 require_once CHILD_THEME_DIR . '/includes/plugins.php';
 
+add_filter( 'script_loader_tag', 'add_defer_attribute', 10, 2 );
+/**
+ * Filter the HTML script tag of `font-awesome` script to add `defer` attribute.
+ *
+ * @param string $tag    The <script> tag for the enqueued script.
+ * @param string $handle The script's registered handle.
+ *
+ * @return   Filtered HTML script tag.
+ */
+function add_defer_attribute( $tag, $handle ) {
+
+    if ( 'font-awesome' === $handle ) {
+        $tag = str_replace( ' src', ' defer src', $tag );
+    }
+
+    return $tag;
+
+}
+
 /**********************************
  *
  * Replace Header Site Title with Inline Logo

style.css

@@ -2458,6 +2458,32 @@ img.alignright,
 	color: #ffffff;
 }
 
+.entry-pagination {
+	margin-bottom: 60px;
+}
+
+.entry-pagination a {
+	padding: 0.5rem 1rem;
+	color: #2a3139;
+	font-size: 1.6rem;
+	text-decoration: none;
+	transition: all 0.3s ease;
+}
+
+.entry-pagination a:hover,
+.entry-pagination a:focus {
+	color: #009cff;
+}
+
+.entry-pagination > .custom-page-links {
+	padding: 0.5rem 1rem;
+	background: #0072ff;
+	background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr="$one", endcolorstr="$two", gradienttype=1);
+	color: #ffffff;
+	border-radius: 3px;
+}
+
 /* ## Comments
 --------------------------------------------- */
 .comment-respond,
@@ -3393,6 +3419,10 @@ ul.testimonials-list h5 {
 	margin-bottom: 20px;
 }
 
+.gfpc-featured-posts > article {
+	margin-bottom: 40px;
+}
+
 .gfpc-featured-posts .entry-content {
 	clear: unset;
 }
@@ -3463,6 +3493,41 @@ ul.testimonials-list h5 {
 	font-size: 1.6rem;
 }
 
+/*YCB Social Icons*/
+ul.ycb-social-icons {
+	margin: 0;
+	line-height: unset;
+}
+
+ul.ycb-social-icons li {
+	padding: 0 !important;
+	display: inline-block !important;
+	margin: 0 8px 8px 0 !important;
+	list-style-type: none !important;
+}
+
+ul.ycb-social-icons li a {
+	border-radius: 2px;
+	font-size: 20px !important;
+	font-size: 2rem !important;
+	background: #1e90ff;
+	padding: 8px;
+	color: #ffffff;
+}
+
+ul.ycb-social-icons li a:hover {
+	background: #00c6ff !important;
+	color: #ffffff !important;
+}
+
+ul.ycb-social-icons li a .svg-inline--fa {
+	width: 1.2em;
+	text-align: center;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1.2em;
+}
+
 /* ## Front Page
 --------------------------------------------- */
 .front-page-widget {