Skip to content

Instantly share code, notes, and snippets.


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 / 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 / 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 / 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 / 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
@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;
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 / 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 / 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.
View Custom Genesis Page Builder Page Template For Genesis Extender
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">
cobaltapps / cobalt-scss.json
Created Mar 18, 2019
The default Cobalt SASS config file for Child Themes being edited by either Themer Pro or Instant IDE.
View cobalt-scss.json
"Primary Styles" : {
"Import Path": "/scss/",
"Formatter": "Expanded",
"PreCSS File Path": "/scss/style.scss",
"CSS File Path": "/style.css",
"PreCSS Images Path": "/scss/images/",
"CSS Images Path": "/images/",
"Images Sync Type": "update"
You can’t perform that action at this time.