ahmedmusawir

<?php
$categories = get_the_category();
$separator = ' ';
$output = '';
if($categories){
	foreach($categories as $category) {
		$output .= '<a href="'.get_category_link( $category->term_id ).'" title="' . esc_attr( sprintf( __( "View all posts in %s" ), $category->name ) ) . '">'.$category->cat_name.'</a>'.$separator;
	}
echo trim($output, $separator);
}

ahmedmusawir

add_theme_support('post-thumbnails');

add_image_size('featured_preview', 55, 55, true);

ahmedmusawir

<?php 
//I will use WP_Query class instance
$args = array( 'post_type' => 'post', 'posts_per_page' => 6 );

//Set up a counter
$counter = 0;

//Preparing the Loop
$query = new WP_Query( $args );

ahmedmusawir

* just paste the following in functions.php

//for the inputs:
/**
*
* BootStrap Comment Form tweak
*
**/

/* For Inputs */

ahmedmusawir

// Foundation JavaScript
// Documentation can be found at: http://foundation.zurb.com/docs
jQuery(document).ready(function($) {
	
		$(document).foundation( 'topbar', 'reflow' );

		$( 'body' ).fadeIn(2000);   

/**
*

ahmedmusawir

//Sticky navigation

	var $targetNav = $( '.navbar-default' );

	var navOffSet = $targetNav.offset().top;
	// console.log( "Offset Top " + navOffSet ); 

	

	$( window ). scroll(function(){

ahmedmusawir

<iframe src="//www.youtube.com/embed/OOe8L_gQXd4?controls=0&showinfo=0&rel=0" height="315" width="420" allowfullscreen="" frameborder="0">

ahmedmusawir

F:\xampp\apache\conf

File Name: httpd.conf
* Go all the way to the bottom and paste:

# VirtualHost

Alias /localhost "F:/xampp/htdocs/"
<Directory "F:/xampp/htdocs/">
    AllowOverride All 

ahmedmusawir

add_filter('pre_get_posts', 'query_post_type');
function query_post_type($query) {
  if(is_category() || is_tag()) {
    $post_type = get_query_var('post_type');
	if($post_type)
	    $post_type = $post_type;
	else
	    $post_type = array('post','cpt'); // replace cpt to your custom post type
    $query->set('post_type',$post_type);
	return $query;

ahmedmusawir

	img {
		margin: 0 auto;
		border-radius: 50%;
	}

	h5 {
		padding-bottom: 2rem;
		position: relative;

		&:after {