A jquery back button:
|
0 1 2 3 4 5 6 7 |
jQuery(document).ready(function($){ $('button.back').click(function(){ parent.history.back(); return false; }); }); |
Your html would be:
|
0 1 2 |
<button class="back">Back</button> |
Plus whatever css you want to use to style the button.
Read MoreWithin the edit function of block.js
|
0 1 2 3 4 5 6 7 |
var el = wp.element.createElement, Fragment = wp.element.Fragment, registerBlockType = wp.blocks.registerBlockType, InspectorControls = wp.editor.InspectorControls, RadioControl = wp.components.RadioControl, ColorPicker = wp.components.ColorPicker;//this this |
|
0 1 2 3 4 5 6 7 8 9 10 11 12 |
el('div', {}, 'Menu Background'), el(ColorPicker, { type: 'color', color: menu_bg, onChangeComplete: function(newValue) { props.setAttributes({ menu_bg: newValue.hex }); }, disableAlpha: true }), |
The css modifications to get tabs to the left for a standard framed tab block
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
.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; } |
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
function jma_frontend_locals( $args ) { $args['read_more'] = 'Read more >> '; return $args; } add_filter( 'themeblvd_frontend_locals', 'jma_frontend_locals' ); function jma_get_button_class( $class ) { $class = 'inline-btn'; return $class; } function jma_template_redirect() { if(is_page(10)) add_filter( 'themeblvd_get_button_class', 'jma_get_button_class' ); } add_action( 'template_redirect', 'jma_template_redirect' ); |
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 |
function jma_thumbnail_link_icon_name($class) { return str_replace(array('film'), array('youtube'), $class); } add_filter('themeblvd_thumbnail_link_icon_name', 'jma_thumbnail_link_icon_name'); //framework/general/media.php //to change all three for left to right.... I think... function jma_thumbnail_link_icon_name($class) { return str_replace(array('film', 'plus-square', 'long-arrow-alt-right'), array('youtube', 'if-you-wanted-to-replace-the-plus-sq-also', 'and-this-one-too'), $class); } add_filter('themeblvd_thumbnail_link_icon_name', 'jma_thumbnail_link_icon_name'); |
Want to be able to use one condition which includes or excludes pages based on weather they are children of a specific page? Add this code to functions.php:
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
function is_kid( $pid,$includeparent = 0 ) { // $pid = The ID of the page we're looking for pages underneath //$includeparent = 1 to include the parent page, 0 to exclude global $post; // load details about this page if ( is_page($pid) ) return $includeparent; // we're at the page $anc = get_post_ancestors( $post->ID ); foreach ( $anc as $ancestor ) { if( is_page() && $ancestor == $pid ) { return true; } } return false; // we aren't at the page, and the page is not an ancestor } |
then use this in your page template:
|
0 1 2 3 4 5 |
if (is_kid($page_id,1)) //1 to include the parent page, 0 to exclude { code here } |
In the event we are dealing with some situation where it is not convenient to add the clearfix class (which is available frequently including in JumpStart), we can add the styling to the div that needs clearfix. So if we had markup like:
|
0 1 2 3 4 5 6 7 8 9 |
<div class="wrapping-div-that-i-cant-change"> <div style="float: left; width: 45%"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie co </div> <div style="float: right; width: 45%"> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut </div> </div><!--wrapping-div-that-i-cant-change--> |
we could add this css to clear:
|
0 1 2 3 4 5 6 7 8 9 |
.wrapping-div-that-i-cant-change:before, .wrapping-div-that-i-cant-change:after { content: " "; display: table; } .wrapping-div-that-i-cant-change:after { clear: both; } |
|
0 1 2 3 4 5 6 7 8 9 10 11 12 13 |
function jma_spout_args( $query, $args ) { if ( isset( $args['query'] ) && $args['query'] == 'spouts' ) { $query = array( 'post_type' => 'product', 'post__in' => array( 126,128 ) ); } return $query; } add_filter('themeblvd_posts_args', 'jma_spout_args', 10, 2); |
Need to style code into columns. This is for simple auto-generated paragraph in a post or page.
|
0 1 2 3 4 5 6 7 8 9 10 |
.postid-1121 .entry-content > p { width: 48%; margin-left: 4%; float: left; } .postid-1121 .entry-content > p:nth-of-type(2n+1) { clear: both; margin-left: 0; } |
or for three col:
|
0 1 2 3 4 5 6 7 8 9 10 |
.postid-1121 .entry-content > p { width: 30%; margin-left: 5%; float: left; } .postid-1121 .entry-content > p:nth-of-type(3n+1) { clear: both; margin-left: 0; } |
or four:
|
0 1 2 3 4 5 6 7 8 9 10 |
.postid-1121 .entry-content > p { width: 22%; margin-left: 4%; float: left; } .postid-1121 .entry-content > p:nth-of-type(4n+1) { clear: both; margin-left: 0; } |
This is simple stuff, but good code to keep handy. This covers all current major browsers and add backward compatibility for ie. The first number is horizontal shift (right is positive), 2nd number is verticle shift (down is positive), 3rd is radial blur and forth is, in this case hexadecimal color (#3d424d is a dark […]
Read More