Skip to content

Instantly share code, notes, and snippets.

View emarket-design's full-sized avatar

eMarket Design emarket-design

View GitHub Profile
@emarket-design
emarket-design / font-size adjuster
Created November 11, 2015 17:22
Adjusts emd-container class font size depending on the view port; usefull adjusting text in containers.
/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {
div.emd-container{
font-size: 70% !important;
line-height:normal !important;;
}
}
/* Extra Small Devices, Phones */
@emarket-design
emarket-design / WPAS Responsive Text
Last active November 16, 2015 20:29
Responsive text used in WP App Studio apps
/* Large desktops and laptops */
@media (min-width: 1200px) {
div.emd-container .textHuge {
font-size: 110px !important;
line-height: normal;
}
div.emd-container .textxxLarge {
font-size: 60px !important;
line-height: normal;
@emarket-design
emarket-design / gist:acde6641c6535498564b
Last active November 20, 2015 19:06
Gives instructions on how to disable individual attributes in Employee Spotlight Pro WordPress plugin.
.srcontent div.segment-block:nth-child(4) {
display:none;
}
@emarket-design
emarket-design / Using the following shortcode, you can page display 5 employees per page
Created December 14, 2015 20:04
Employee Spotlight Pro WordPress plugins supports AJAX page navigation.
[employee_grid filter="misc::posts_per_page::is::5;"]
@emarket-design
emarket-design / Display specific employee in a page
Created December 14, 2015 20:18
Employee Spotlight Pro WordPress plugins supports displaying single employees using any view available.
[employee_circle_grid filter="misc::post_id::is::1;"]
<div id="!#ent_css_id_name#">
<div id="secblocks">
!#ent_section_nav# !#ent_section_intro# !#ent_section_header#
!#ent_section_belowheader# !#ent_section_features#
!#ent_section_testimonials# !#ent_section_editions#<br>
<section id="related-plugins">
<div class="container">
<div class="row">
!#entrelcon_related_plugins#
</div>
<section class="jumbotron" id="prod-intro" style="background-color:#F2F2F2;background-image:none; color:#000000;">
<div class="container">
<div class="intro-title">
WP Ticket Enterprise
<div class="plugin-type">
WordPress Plugin
</div>
</div><img alt="WP Ticket WP App Studio designed WordPress plugin Logo" class="plugin-logo pull-right img-responsive" src=
"https://emdplugins.com/wp-content/uploads/images/logos/wp_ticket_logo.gif" title="WP Ticket WP App Studio designed WordPress plugin Logo">
<div class="buy-btn-blk">
[employee_circle_grid filter="tax::departments::is::it;misc::posts_per_page::is::2;"]
@emarket-design
emarket-design / gist:067b13614908409dacba
Created December 28, 2015 15:08
Displaying all employees in Employee Directory Pro WordPress plugin
[employee_circle_grid filter="tax::departments::is::it;misc::posts_per_page::is::-1;"]
@emarket-design
emarket-design / gist:ab4cb8ca1863e7c5531b
Last active January 19, 2016 20:07
Employee Spotlight Pro WordPress plugin creates a border around employee images. Here is how to change the color and changing to the frame to square from a circle
// The current CSS
div.emd-container .person-img, div.emd-container .emd-image {
border: 4px solid #4abaae;
border-radius: 50%;
}
// The CSS below changes the frame from circle to square for ALL employee images.
// Put in a color code or name for CHANGE-ME if you need to change the border color.
div.emd-container .person-img, div.emd-container .emd-image {