Skip to content

Instantly share code, notes, and snippets.

View ssbalakumar's full-sized avatar
💭
I may be slow to respond.

Bala Kumar Sankarapandian ssbalakumar

💭
I may be slow to respond.
  • Wipro
  • Bengaluru, Karnataka, India
View GitHub Profile
@ssbalakumar
ssbalakumar / ACF Mega Menu.php
Created January 16, 2019 21:12
ACF Mega Menu
<?php
// check parent repeater
if( have_rows('parent_navigation_items', 'options') ):
echo '<ul class="nav primary-header-nav">';
// loop parent items
while ( have_rows('parent_navigation_items', 'options') ) : the_row();
echo '<li>';
@ssbalakumar
ssbalakumar / vc_link.php
Created December 13, 2018 07:08
Visual Composer Link sortcode and vc map / Anchor tag with visual composer
@ssbalakumar
ssbalakumar / post-type-metaboxes.php
Created December 13, 2017 06:31 — forked from devinsays/post-type-metaboxes.php
Example code shows how to register a post type and add basic metaboxes.
<?php
/**
* Example code for tutorial post on custom meta boxes:
* https://wptheming.com/2010/08/custom-metabox-for-post-type/
*/
/**
* Registers the event post type.
*/
function wpt_event_post_type() {
@ssbalakumar
ssbalakumar / country-shortcode.php
Created November 27, 2017 12:10 — forked from MatthewEppelsheimer/country-shortcode.php
WP Contact Form 7 shortcode with list of Countries
<?php
/*
UPDATED: December 31, 2011.
Modifications:
- Truncated the longest country names, including:
-- British Indian Ocean Territories (Chagos Archipelago) -> British Indian Ocean Territories
-- South Georgia and the South Sandhich Islands -> South Georgia & S. Sandwich Islands
@ssbalakumar
ssbalakumar / micromodal.css
Created October 2, 2017 19:42 — forked from ghosh/micromodal.css
Demo modal styles for micromodal.js and corresponding expected html
/**************************\
Basic Modal Styles
\**************************/
.modal {
font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}
.modal__overlay {
position: fixed;
// Animation Progress Bars
$("[data-appear-progress-animation]").each(function() {
var $this = $(this);
$this.appear(function() {
var delay = ($this.attr("data-appear-animation-delay") ? $this.attr("data-appear-animation-delay") : 1);
if(delay > 1) $this.css("animation-delay", delay + "ms");
jQuery.placeholder = function() {
$('[placeholder]').focus(function() {
var input = $(this);
if (input.hasClass('placeholder')) {
input.val('');
input.removeClass('placeholder');
}
}).blur(function() {
var input = $(this);
if (input.val() === '') {

How to remove hide the select arrow in Firefox using -moz-appearance:none;

tl;dr (or, the fix)

  1. Set -moz-appearance to none. This will "reset" the styling of the element;
  2. Set text-indent to 0.01px. This will "push" the text a tiny bit[1] to the right;
  3. Set text-overflow to '' (an empty string). This will change anything that extends beyond the element's width to... nothing - and this includes the infamous arrow!

Firefox select element with no arrow