ahmedmusawir

	<?php if ( has_post_thumbnail() ) : ?> 
		
		<div class="featured-img">
			<a href="<?php the_permalink(); ?>" title=""><?php the_post_thumbnail( 'full', array('class' => 'img-responsive'));  ?></a>

		</div>

	<?php endif; ?>

ahmedmusawir

I have a list of elements:

<ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
    <li>Four</li>
    <li>Five</li>
</ul>
And styled like this:

ahmedmusawir

		<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
	
  		  <div class="container">

		    <!-- Brand and toggle get grouped for better mobile display -->
		    <div class="navbar-header">
		        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
		            <span class="sr-only">Toggle navigation</span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>

ahmedmusawir

<div class=“image_frame image_item scale-with-grid aligncenter has_border“>
   <div class=“image_wrapper“>
      <a href=“#“>
         <div class=“mask“></div>
         <img class=“scale-with-grid“ src=“/wp-content/uploads/2016/04/CONDOS-1.jpg“ alt=“beauty_portfolio_1“ width=“1200“ height=“800“>
      </a>
      <div class=“image_links double“>
         <a href=“/wp-content/uploads/2016/04/CONDOS-1.jpg“ class=“zoom“ rel=“prettyphoto“><i class=“icon-search“></i></a>
         <a href=“http://www.exclusivenewlaunch.com/property-type/landed-housing/“ class=“link“><i class=“icon-link“></i></a>
      </div>

ahmedmusawir

.admin-bar .navbar-fixed-top {
    margin-top: 30px;
}
@media (max-width: 800px) {
    .admin-bar .navbar-fixed-top {
        margin-top: 46px;
    }
}

ahmedmusawir

<nav class="navbar navbar-default" role="navigation">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
        </button>
    <a class="navbar-brand" href="#">SITE TITLE</a>

ahmedmusawir

<?php
wp_nav_menu( array(
'theme_location' => 'top_menu',
'depth' => 2,
'container' => false,
'menu_class' => 'nav navbar-nav',
'fallback_cb' => 'wp_page_menu',
//Process nav menu using our custom nav walker
'walker' => new wp_bootstrap_navwalker())
);

ahmedmusawir

function change_post_menu_label() {
    global $menu;
    global $submenu;
    $menu[5][0] = 'Contacts';
    $submenu['edit.php'][5][0] = 'Contacts';
    $submenu['edit.php'][10][0] = 'Add Contacts';
    $submenu['edit.php'][15][0] = 'Status'; // Change name for categories
    $submenu['edit.php'][16][0] = 'Labels'; // Change name for tags
    echo '';
}

ahmedmusawir

// Use shortcode in a PHP file (outside the post editor).
echo do_shortcode( '' );
1
2
// In case there is opening and closing shortcode.
echo do_shortcode( '[iscorrect]' . $text_to_be_wrapped_in_shortcode . '[/iscorrect]' );
1
2
// Enable the use of shortcodes in text widgets.
add_filter( 'widget_text', 'do_shortcode' );

ahmedmusawir

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

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

		&:after {