Skip to content

Instantly share code, notes, and snippets.

View cobaltapps's full-sized avatar

cobaltapps

17 followers · 0 following
View GitHub Profile
@cobaltapps
cobaltapps / Genesis-Dynamik Website Builder Column Class Styles
Created August 21, 2013 20:02
The are the Genesis Column Class Styles found in Dynamik Website Builder as of DWB version 1.2.2
/* Column Classes
------------------------------------------------------------ */
.five-sixths,
.four-fifths,
.four-sixths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
@cobaltapps
cobaltapps / Genesis Footer & EZ Fat Footer Fluid
Created August 22, 2013 00:26
Making your Genesis Footer & EZ Fat Footer Fluid by "breaking it out" of your main site container.
@cobaltapps
cobaltapps / Function Reference: From the Catalyst Transport Plugin that Converts Catalyst Hooks to their Genesis counterparts
Created August 23, 2013 18:29
This function reference might be useful to those wanting to know what the Genesis Hook equivalent is for any particular Catalyst Hook.
/**
* Convert Catalyst Hooks to their Genesis counterparts.
*
* @since 1.0
*/
function catalyst_transport_hook_converter( $catalyst_hook, $html5 = false )
{
$catalyst_to_genesis_hooks = array(
'catalyst_hook_in_head' => 'wp_head',
'catalyst_hook_before_html' => 'genesis_before',
@cobaltapps
cobaltapps / Add an external Custom Functions (PHP) file to Dynamik Website Builder
Created August 29, 2013 18:12
if( file_exists( dynamik_get_stylesheet_location( 'path' ) . 'my-custom-functions.php' ) )
{
require_once( dynamik_get_stylesheet_location( 'path' ) . 'my-custom-functions.php' );
}
@cobaltapps
cobaltapps / Dynamik Header Right Custom Menu CSS
Last active March 7, 2019 02:27
/* HTML5 Custom CSS for Vertical Toggle */
.nav-primary { display: none; }
/* Pre-HTML5 Custom CSS for Vertical Toggle */
#nav { display: none; }
/* 6th @media query CSS */
.header-widget-area { display: none; }
@cobaltapps
cobaltapps / DWB Responsive Logo Image Trick
Last active August 28, 2019 01:10
This CSS code is for a DWB screencast where I show how to make your Logo Image responsive, without the need for multiple images.
/* 5th @media query trigger point */
.site-header {
min-height: 80px;
}
.header-image .site-header .wrap .title-area {
width: 320px;
height: 80px;
background-size: 320px 80px;
}
@cobaltapps
cobaltapps / Dynamik Website Builder Vertical Toggle Menu Default Styles
Created September 22, 2013 10:42
/* (Primary Navigation) Vertical Toggle Menu Styles: */
.responsive-primary-menu-container {
background: #333333;
border-bottom: 2px solid #DDDDDD;
width: 100%;
padding: 12px 0;
overflow: hidden;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
@cobaltapps
cobaltapps / Dynamik Screencast Code: Custom Static Home Page Template
Created September 23, 2013 19:53
<?php
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
remove_action( 'genesis_loop', 'genesis_do_loop' );
add_action( 'genesis_loop', 'custom_home_loop' );
function custom_home_loop() {
?>
<?php echo do_shortcode( '[top_left]' ); ?><?php echo do_shortcode( '[top_right]' ); ?>
<?php echo do_shortcode( '[bottom_left]' ); ?><?php echo do_shortcode( '[bottom_middle]' ); ?><?php echo do_shortcode( '[bottom_right]' ); ?>
<?php
@cobaltapps
cobaltapps / DWB Screencast Custom Hook Box Code: How To Create A Custom Widgetized Page With Fully Fluid Backgrounds
Created October 2, 2013 17:51
<div class="top-row-wrap">
<div class="top-row-wrap-inner">
<?php echo do_shortcode( '[top_left]' ); ?><?php echo do_shortcode( '[top_right]' ); ?>
</div>
</div>
<div class="bottom-row-wrap">
<div class="bottom-row-wrap-inner">
<?php echo do_shortcode( '[bottom_left]' ); ?><?php echo do_shortcode( '[bottom_right]' ); ?>
</div>
@cobaltapps
cobaltapps / DWB Screencast Custom CSS Code: How To Create A Custom Widgetized Page With Fully Fluid Backgrounds
Created October 2, 2013 17:52
.label-fluid-page .site-inner,
.label-fluid-page .content-sidebar-wrap,
.label-fluid-page .content {
width: 100%;
max-width: 100%;
padding: 0;
}
.top-row-wrap {
background: #eee;
}