Skip to content

Instantly share code, notes, and snippets.

cobaltapps

Block or report user

Report or block cobaltapps

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
@cobaltapps
cobaltapps / Genesis-Dynamik Website Builder "Twitter Bootstrap" Column Class Styles
Created Jan 22, 2014
The are the Genesis "Twitter Bootstrap" Column Class Styles found in Dynamik Website Builder as of DWB version 1.4.2
View Genesis-Dynamik Website Builder "Twitter Bootstrap" Column Class Styles
/* Column Classes
--------------------------------------------- */
.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
@cobaltapps
cobaltapps / genesis-xhtml-to-html-five-markup.css
Created Oct 17, 2019
A simple list of Genesis framework XHTML to HTML5 markup conversions.
View genesis-xhtml-to-html-five-markup.css
#wrap => .site-container
#header => .site-header
#title-area => .title-area
#title => .site-title
#description => .site-description
#nav => .nav-primary
#subnav => .nav-secondary
#inner => .site-inner
#content-sidebar-wrap => .content-sidebar-wrap
#content => .content
@cobaltapps
cobaltapps / genesis-page-builder-page-styles.css
Last active Sep 11, 2019
Styles for Genesis Theme pages when using a Page Builder Plugin.
View genesis-page-builder-page-styles.css
.builder-page .site-inner {
max-width: 100%;
padding: 0;
}
.builder-page .content {
width: 100%;
}
.builder-page .entry {
margin-bottom: 0;
}
@cobaltapps
cobaltapps / DWB Responsive Logo Image Trick
Last active Aug 28, 2019
This CSS code is for a DWB screencast where I show how to make your Logo Image responsive, without the need for multiple images.
View DWB Responsive Logo Image Trick
/* 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-custom-fonts-example.php
Created May 13, 2019
Example font-face code for screencast on how to add custom fonts to Dynamik Website Builder.
View dynamik-custom-fonts-example.php
<style>
@font-face {
font-family: 'Rubik-Regular';
src: url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/Rubik-Regular.eot?#iefix') format('embedded-opentype'), url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/Rubik-Regular.woff') format('woff'), url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/Rubik-Regular.ttf') format('truetype'), url('<?php echo get_stylesheet_directory_uri(); ?>/fonts/Rubik-Regular.svg#Rubik-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
</style>
@cobaltapps
cobaltapps / genesis-force-full-width-singular-layouts
Created May 2, 2018
Force full-width-content layout on single pages and posts, but not "blog" page.
View genesis-force-full-width-singular-layouts
add_action( 'get_header', 'custom_child_full_width_singular_layout');
// Force full-width-content layout on single pages and posts, but not "blog" page.
function custom_child_full_width_singular_layout() {
if ( ( is_page() || is_single() ) && ! is_page( 'blog' ) )
add_filter( 'genesis_pre_get_option_site_layout', '__genesis_return_full_width_content' );
}
View Dynamik Website Builder Vertical Toggle Menu Default Styles
/* (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-fixed-header-min-width-filter
Created Jan 23, 2017
Sets a custom minimum width for the fixed header functionality to remain in effect.
View dynamik-fixed-header-min-width-filter
/*
* Sets a custom minimum width for the fixed header functionality to remain in effect.
* Paste this into your Custom Functions and then adjust the '920' value to your specific needs.
*/
add_filter( 'dynamik_fixed_header_min_width', 'custom_fixed_header_min_width' );
function custom_fixed_header_min_width() {
return '920';
}
@cobaltapps
cobaltapps / freelancer-disable-icons.php
Created Sep 13, 2017
Define the following constant through your Child Theme to disable the enqueueing of the Freelancer Icon styles.
View freelancer-disable-icons.php
// Disable the Freelancer custom icon set styles.
define( 'FREELANCER_ICONS_DISABLE', true );
View Custom Genesis Page Builder Page Template For Genesis Extender
<?php
add_action( 'wp_head', 'custom_genesis_page_builder_styles' );
/**
* Echo the necessary "Full Page Width" styles into the head of the page.
* Credit for the following CSS goes to the developer of the "Genesis Dambuster"
* Plugin as this CSS is an edited version of that Plugin's full-width.css file.
*/
function custom_genesis_page_builder_styles() {
echo '
<style type="text/css">
You can’t perform that action at this time.