Skip to content

Instantly share code, notes, and snippets.

/* Switch mobile logo */
@media only screen and (max-width: 980px) {
#logo {
content: url("/wp-content/uploads/2017/06/your-awesome-mobile-logo.png");
}
}
position: relative;
padding: 0.2em 1em;
border: 2px solid #BD6982 !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: transparent;
font-size: 16px;
font-weight: 600;
line-height: 1.7em !important;
background-color: transparent;
margin-right: 10px;
display: table !important;
position: relative !important;
margin-left: auto !important;
margin-right: auto !important;
<style>
@import url(https://fonts.googleapis.com/css?family=Khula:700);
.hidden {
opacity:0;
}
.console-container {
font-family:Khula;
font-size:4em;
text-align:center;
<script type="text/javascript">
// function([string1, string2],target id,[color1,color2])
consoleText(['Divi Notes.', 'Divi Tips and Tricks', 'Made with Love.'], 'text',['#BD6983','tomato','lightblue']);
function consoleText(words, id, colors) {
if (colors === undefined) colors = ['#fff'];
var visible = true;
var con = document.getElementById('console');
var letterCount = 1;
var x = 1;
<div class='console-container'><span id='text'></span><div class='console-underscore' id='console'>_</div></div>
.slippery:hover {
background-position: bottom center!important;
transition: background-position 5s linear 0s;
}
margin-left: auto!important;
margin-right: auto!important;
transition: background-position 1.5s ease-out 0.5s;
background-position: top center;
background-size: 100% auto!important;
height: 100%;
background-repeat: no-repeat;