Add this to js/core.js around line 932 right after this: jQuery(‘body’).on(‘tabsactivate’, function(event, ui) { for(var entry in wpgmaps_localize) { InitMap(wpgmaps_localize[entry][‘id’],’all’,false); } }); jQuery(‘.nav-tabs a’).click(function() { setTimeout(function(){ for(var entry in wpgmaps_localize) { InitMap(wpgmaps_localize[entry][‘id’],’all’,false); } },500); });
jQuery Same Height Columns
This requires the CSS flag below to release the min-heights – assuming the divs stack. jQuery(document).ready(function($) { $window = $(window); var jma_same_height = function() { $(‘.same-height-wrap’).each(function() { $this = $(this); // counter for successive same-height classes counter = 1; while ($this.find(‘.same-height-‘ + counter).length) { var highestBox = 0; $inner = $this.find(‘.same-height-‘ + counter); counter++; $inner.each(function() […]
Left Tabs with Flyouts
Set shortcode (bootstrap) to pills: .tabs-left .tb-tabs-framed .tab-content { border-top-width: 1px; margin-left: 149px; } .tabs-left .nav-tabs, .tabs-left .nav-pills { width: 150px; float: left; } .tabs-left .nav-tabs>li, .tabs-left .nav-pills>li { border-left-width: 1px; float: none; border-top: solid 1px #ffffff; } .tabs-left .nav-pills>li { width: 110px; margin-left: 0; position: relative; -webkit-transition: width 0.3s; /* Safari */ transition: width […]
Pinwheel Image
The markup (using Jumpstart shortcode for bootstrap elements and putting over bg image in the builder) substitute <div class=”whatever”> for [html class=”whatever”] and </div> for [/html] . the html: [raw] [column size=”5/12″ wpautop=”false”] [html class=”inner left”]This is an example page. It’s different from a blog post because it wil[/html] [/column] [column size=”1/6″ wpautop=”true”] <!–Column 2…–> […]
Font Awesome Bullets for List Items (pdf list)
/* pdf list */ ul.pdf-list li { list-style-type: none; position: relative } ul.pdf-list li:before { display:block; position: absolute; font-family: ‘FontAwesome’; content: ‘\f1c1’; left: -20px; color: #990000; } #custom-main ul li, #main ul li { list-style-type: none; position: relative } #main ul li:before, #custom-main ul li:before { display:block; position: absolute; font-family: ‘FontAwesome’; content: ‘\f054’; left: -17px; […]
Bootstrap Left-side Tabs
The css modifications to get tabs to the left for a standard framed tab block .tabs-left .tb-tabs-framed .tab-content { border-top-width: 1px; margin-left: 149px; } .tabs-left .nav-tabs { width: 150px; float: left; } .tabs-left .nav-tabs>li { border-left-width: 1px; float: none; } .tabs-left .nav-tabs>li.active { border-bottom-color: inherit!important; border-right-color: #fff; } [raw] [tabs style=”framed” nav=”tabs” tab_1=”Title #1″ tab_2=”Title […]
Accordion Sidebar Menu
Shows all the children under the current root item and all other root items. function jma_sidebar_addon() { global $post; $ancestors = get_ancestors( $post->ID, ‘page’ ); $ancestor_id = array_pop($ancestors); $ancestor_id = $ancestor_id? $ancestor_id: $post->ID; $root_pages = get_pages(array(‘parent’ => 0)); echo ‘<ul>’; foreach ($root_pages as $root_page) { $jma_classes = ”; $show_kids = false; $has_kids = false; if( […]
Custom Bullet Icons for Lists
I prefer this method because it gives me more control over bullet position. <ul class=”pdf-list”> <li><a href=”http://address.pdf”>Title</a></li> <li><a href=”http://address.pdf”>Title</a></li> <li><a href=”http://address.pdf”>Title</a></li> <li><a href=”http://address.pdf”>Title</a></li> </ul> and the css (adjust padding based on the size of the image): ul.pdf-list li { background: url(‘../images/pdf-icon.png’) no-repeat left center; padding: 3px 0px 3px 30px; list-style: none; } In this case […]