cobaltapps’s gists

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 / 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 / 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 / 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 / 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 / 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.

	/* Fluid Footer & Fluid EZ Fat Footer */
	remove_action( 'genesis_footer', 'genesis_footer_markup_open', 5 );
	remove_action( 'genesis_footer', 'genesis_do_footer' );
	remove_action( 'genesis_footer', 'genesis_footer_markup_close', 15 );
	remove_action( 'wp_head', 'ez_fat_footer_structure' );

	add_action( 'genesis_after', 'genesis_footer_markup_open' );
	add_action( 'genesis_after', 'ez_fat_footer' );
	add_action( 'genesis_after', 'genesis_do_footer' );
	add_action( 'genesis_after', 'genesis_footer_markup_close' );

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 / Catalyst EZ Column Class Styles

Created August 20, 2013 17:28

This may be useful if you decided to continue using the Catalyst EZ Column Classes in your Catalyst-to-Genesis converted websites.

	/* EZ Column Styles */

	.ez-five-sixths,
	.ez-four-fifths,
	.ez-four-sixths,
	.ez-one-fifth,
	.ez-one-fourth,
	.ez-one-half,
	.ez-one-sixth,
	.ez-one-third,

cobaltapps / Enqueue an external Custom Javascript file to Dynamik Website Builder

Last active March 7, 2019 02:29

	add_action( 'wp_enqueue_scripts', 'custom_enqueue_scripts' );
	/**
	* Enqueue an external Custom Javascript file to Dynamik Website Builder
	*/
	function custom_enqueue_scripts()
	{
	wp_enqueue_script( 'my-scripts', dynamik_get_stylesheet_location( 'url' ) . 'my-scripts.js', array( 'jquery' ), CHILD_THEME_VERSION, true );
	}

cobaltapps / Enqueue an external Custom Stylesheet to Dynamik Website Builder

Last active March 7, 2019 02:31

Use this code if you'd like to use an external Custom Stylesheet in Dynamik Website Builder. Note that this code assumes you have created a my-custom.css file and uploaded it to your /wp-content/uploads/dynamik-gen/theme/ directory.

	add_action( 'wp_enqueue_scripts', 'custom_add_stylesheet' );
	/**
	* Enqueue an external Custom Stylesheet to Dynamik Website Builder
	*/
	function custom_add_stylesheet()
	{
	wp_enqueue_style( 'my-custom', dynamik_get_stylesheet_location( 'url' ) . 'my-custom.css', false, filemtime( dynamik_get_stylesheet_location( 'path' ) . 'my-custom.css' ) );
	}