Sarvar sarvar

Frontend Developer

sarvar / center.css

Created January 3, 2017 09:16

How to Center an Absolutely Positioned Element Using CSS

sarvar / gulp.txt

Created January 4, 2017 19:05

Gulp tasks

sarvar / vertical-align.html

Created January 10, 2017 05:33

Vertical align center image on bootstrap.

	<div class="container">
	<div class="row">
	<div class="col-sm-6 vertical-center">
	<img src="https://www.google.com/textinputassistant/tia.png" alt="" />
	</div>
	<div class="col-sm-6">foo<br/>bar<br/>foo<br/>bar<br/>foo<br/>bar<br/></div>
	</div>
	</div>

	html,body,.container {

sarvar / page-loop.php

Created January 11, 2017 06:08

Display one specific page in the loop

	<?php $my_query = new WP_Query('page_id=87');
	while ($my_query->have_posts()) : $my_query->the_post();
	$do_not_duplicate = $post->ID;?>

	<div class="entry">

	<?php the_content('read more »'); ?>

	</div>

sarvar / wpml.php

Created January 14, 2017 09:25

WPML If language statement

	<?php if(ICL_LANGUAGE_CODE=='en'): ?>
	---do something---
	<?php elseif(ICL_LANGUAGE_CODE=='it'): ?>
	---do something else--
	<?php endif; ?>

sarvar / social-template.php

Created January 15, 2017 20:27

Using Advanced Custom Fields plugin with Font Awesome to create a simple social connections link on a WordPress site.

sarvar / snippet.txt

Created January 15, 2017 20:29

Snippets for Wordpress ACF

https://atom.io/packages/advanced-custom-fields-snippets

sarvar / responsive.php

Created January 16, 2017 17:43

Force bootstrap responsive image to be square

	<div class="col-sm-6">
	<a href="#" class="thumbnail">
	<div class="caption">
	title<br/>3 x bekeken
	</div>
	<div class="image">
	<img src="" class="img img-responsive full-width" />
	</div>
	</a>
	</div>

sarvar / same-height.html

Created January 22, 2017 06:44

Css aspect ratio to have images of same height

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Css aspect ratio to have images of same height</title>
	<meta name="description" content="Css aspect ratio to have images of same height">
	<!-- include bootstrap -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css">

	<script>

sarvar / similar-height.html

Last active February 12, 2017 21:21

	<div class="social">
	<ul class="menu simple rdo-social">
	<?php if( get_field('facebook') ): ?>
	<li><a href="<?php echo the_field('facebook'); ?>"><i class="fa fa-facebook"></i></a></li>
	<?php endif; ?>
	<?php if( get_field('twitter') ): ?>
	<li><a href="<?php echo the_field('twitter'); ?>"><i class="fa fa-twitter"></i></a></li>
	<?php endif; ?>
	<?php if( get_field('linkedin') ): ?>
	<li><a href="<?php echo the_field('linkedin'); ?>"><i class="fa fa-linkedin"></i></a></li>

	1) Jquery Solution:
	$(".thumbnail").height(Math.max.apply(null, $(".thumbnail").map(function() { return $(this).height(); })));

	2) CSS Solution:
	<div class="flex-row row">
	<div class="col-sm-6 col-md-4">
	<div class="thumbnail">
	<img src="..." alt="...">
	<div class="caption">
	<h3>Thumbnail label</h3>