Skip to content

Instantly share code, notes, and snippets.

@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 Jun 9, 2020
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 / 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 / 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"
}
@cobaltapps
cobaltapps / gulp-setup.sh
Last active Mar 18, 2019
Script used on a theme by theme bases to setup the Node/Gulp environment, after the initial "first-time" setup script has been run.
View gulp-setup.sh
#!/bin/sh
## Once the "gulp-first-time-setup" script has been run (see gulp-readme.md) you should run THIS version from that point on
## Copy/paste this line into the Console to make this script executable: chmod +x gulp-setup.sh
## Copy/paste this line into the Console to execute this script: ./gulp-setup.sh
## Initialize NPM
npm init --yes
@cobaltapps
cobaltapps / gulp-first-time-setup.sh
Last active Mar 18, 2019
Initial server setup script for a NodeJS, Gulp powered DEV configuration.
View gulp-first-time-setup.sh
#!/bin/sh
## Run this script from a Terminal (or just copy/paste each command and run one at a time) when you first setup your server
## If you already used the gulp-user-data-setup.sh script code in the setup of a new Cloud Server (as per a Cobalt Apps tutorial) then this script does not need to be run
## Update Ubuntu
sudo apt-get update
## Install NodeJS and NPM
curl -sL https://deb.nodesource.com/setup_10.x | bash -
@cobaltapps
cobaltapps / gulp-user-data-setup.sh
Last active Mar 18, 2019
User data code used to setup NodeJS environment on cloud servers such as DigitalOcean and Vultr.
View gulp-user-data-setup.sh
#!/bin/sh
## Copy/paste this script code into the "User Data" textarea that appears when selecting
## the "User Data" checkbox upon setting up your new DigitalOcean Droplet.
## Update Ubuntu
apt-get update
## Install NodeJS and NPM
curl -sL https://deb.nodesource.com/setup_10.x | bash -
@cobaltapps
cobaltapps / custom_extender_pro_not_labeled.php
Created Aug 30, 2018
A custom version of the extender_pro_has_label function that checks if pages/posts have any labels assigned to them.
View custom_extender_pro_not_labeled.php
function custom_extender_pro_not_labeled() {
if ( is_singular() && get_post_meta( get_the_ID(), '_extender_pro_' . extender_pro_sanitize_string( extender_pro_active_theme_name(), true ) . '_labels', true ) == '' )
return true;
else
return false;
}
@cobaltapps
cobaltapps / dynamik-impact-skin-demo-setup.php
Created Aug 19, 2018
Demo Setup Instructions and Content for the Dynamik Impact Skin.
View dynamik-impact-skin-demo-setup.php
<?php
/**
* Below you will find all of the custom content used to
* create the demo site for the Dynamik Impact Skin.
*/
?>
WordPress Menu Setup: Assign a menu to the "Primary Navigation Menu".
== BEGIN Widget Area Info ==
@cobaltapps
cobaltapps / dynamik-parallax-skin-demo-setup.php
Created Aug 17, 2018
Demo Setup Instructions and Content for the Dynamik Parallax Skin.
View dynamik-parallax-skin-demo-setup.php
<?php
/**
* Below you will find all of the custom content used to
* create the demo site for the Dynamik Parallax Skin.
*/
?>
WordPress Menu Setup: Assign a menu to the "Primary Navigation Menu" as well as the Genesis "Header Right" Widget Area as stated below.
== BEGIN Widget Area Info ==
You can’t perform that action at this time.