moxdev

// Position center 50% left 0 (works in IE11)

position: absolute;
top:50%;
left:0;
transform:translate(0, -50%);

// Position center 50% left 50% (works in IE11)

position: absolute;

moxdev

/*
 |--------------------------------------------------------------------------
 | Browser-sync config file
 |--------------------------------------------------------------------------
 |
 | For up-to-date information about the options:
 |   http://www.browsersync.io/docs/options/
 |
 | There are more options than you see here, these are just the ones that are

moxdev

<img src="<?php echo esc_url( $sm_img ); ?>" alt="<?php echo esc_attr( $alt ); ?>"
	srcset="
	<?php echo esc_url( get_the_post_thumbnail_url( get_the_ID(), 'listing-thumb-sm' ) ); ?> 250w,
	<?php echo esc_url( get_the_post_thumbnail_url( get_the_ID(), 'listing-thumb-md' ) ); ?> 550w,
	<?php echo esc_url( get_the_post_thumbnail_url( get_the_ID(), 'listing-thumb-lg' ) ); ?> 850w,
	<?php echo esc_url( get_the_post_thumbnail_url( get_the_ID(), 'listing-thumb-xlg' ) ); ?> 1150w">

moxdev

/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox {
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	top: 50%;
	touch-action: none;
}

moxdev

<?php

// Page Titles.
if ( ! function_exists( 'slug_page_titles' ) ) :
	/**
	 * Output custom page titles for SEO
	 *
	 * @return void
	 */
	function slug_page_titles() {

moxdev

// Disable uneccessary panels in theme customizer.
	$wp_customize->get_section( 'header_image' )->active_callback = '__return_false';
	$wp_customize->get_section( 'colors' )->active_callback       = '__return_false';
	$wp_customize->get_section( 'custom_css' )->active_callback   = '__return_false';

moxdev

.arrow {
		position: absolute;
		right: 10px;
		top: 13px;
		bottom: 5px;
		padding: 0;
		width: 32px;
		height: 32px;
		background: none;
		color: #FFF;

moxdev

add_filter( 'wpseo_metabox_prio', 'yoast_to_bottom' );
/**
 * Move Yoast to bottom of page in WP backend
 */
function yoast_to_bottom() {
	return 'low';
}

moxdev

/**
 * "Read More" links for blog.
 */
add_filter( 'the_content_more_link', 'quantum_modify_read_more_link' );
/**
 * Edit output of "Read More" links
 */
function quantum_modify_read_more_link() {
	return ' <a class="more-link btn" href="' . get_permalink() . '">Continue reading &raquo;</a>';
}

moxdev

img {
	display: block;
	object-fit: cover;
	font-family: 'object-fit: cover';
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;