Skip to content

Instantly share code, notes, and snippets.

@devloprs
devloprs / SF-BS-SP-default design css
Created January 11, 2017 09:06
SF-BS-SP-default design css
background: black;.so{
color: #ffffff;
background: black;
display: block;
}
.a2c{
background: grey;
//*apply this to a class assigned to a column. Modify colors borders border radius and box shadow to suit your needs
//*our sample class and css properties
.lbb-content-box-1
{
color:white;
padding: 5%;
border-radius: 5px;
background:#4EA7FE;
background: rgba(78, 167, 254, .8);
box-shadow: 0 0 8px rgba(0, 0, 0, .7);
@devloprs
devloprs / nomenclature in css
Last active February 20, 2017 06:54
Learn Beaver Builder nomenclature in css
#id //create the container and apply container wide style for everything contained within
definition:xxx;
//modify something within the container but not effect anything else site wide.
.id.class-1{
definition:xxx;
}
//modify a single html tag within the container
.id.class-1.element
{
//do it as many times as you need to for as many things as you need to
@devloprs
devloprs / my.css
Created February 27, 2017 05:11 — forked from anonymous/my.css
CSS Gradient Animation
background: linear-gradient(108deg, #3e98d5, #fabc05);
background-size: 400% 400%;
-webkit-animation: ab-fab 52s ease infinite;
-moz-animation: ab-fab 52s ease infinite;
-o-animation: ab-fab 52s ease infinite;
animation: ab-fab 52s ease infinite;
@-webkit-keyframes ab-fab {
    0%{background-position:0% 48%}
    50%{background-position:100% 53%}
    100%{background-position:0% 48%}
@devloprs
devloprs / .gitignore
Created March 8, 2017 03:14 — forked from salcode/.gitignore
See https://salferrarello.com/wordpress-gitignore/ for the latest version of my WordPress .gitignore file
# -----------------------------------------------------------------
# .gitignore for WordPress
# Bare Minimum Git
# http://ironco.de/bare-minimum-git/
# ver 20150227
#
# This file is tailored for a WordPress project
# using the default directory structure
#
# This file specifies intentionally untracked files to ignore
@devloprs
devloprs / animated background gradient.css
Created March 8, 2017 21:41 — forked from anonymous/my.css
CSS Gradient Animation
background: linear-gradient(182deg, #0e5a71, #f7951e);
background-size: 400% 400%;
-webkit-animation: AnimationName 2s ease infinite;
-moz-animation: AnimationName 2s ease infinite;
-o-animation: AnimationName 2s ease infinite;
animation: AnimationName 2s ease infinite;
@-webkit-keyframes AnimationName {
    0%{background-position:52% 0%}
    50%{background-position:49% 100%}
    100%{background-position:52% 0%}
@devloprs
devloprs / shrinking-header.js
Last active March 11, 2017 14:53 — forked from About2git/functions.php
Shrinking header in Genesis similar to that in Centric Pro
jQuery(function( $ ){
$(".site-header").after('<div class="bumper"></div>');
$(window).scroll(function () {
if ($(document).scrollTop() > 50 ) {
$('.site-header').addClass('shrink');
} else {
$('.site-header').removeClass('shrink');
}
/* 2nd level menu styling white on black Bradley Hamilton */
.site-header .sub-menu {
border-top: none;
}
.site-header .genesis-nav-menu .sub-menu,
.site-header .genesis-nav-menu .sub-menu a {
width: 250px;
}
<?php
//* Do NOT include the opening php tag
/**********************************
*
* Replace Header Site Title with Inline Logo
* Fix Genesis bug - when using static front page and blog page (admin reading settings) Home page is <p> tag and Blog page is <h1> tag
* Replace "is_home" with "is_front_page" to correctly display Home page wit <h1> tag and Blog page with <p> tag
*
* @author AlphaBlossom / Tony Eppright