Skip to content

Instantly share code, notes, and snippets.

View tsquez's full-sized avatar

Thomas E Vasquez tsquez

30 followers · 13 following
View GitHub Profile
@tsquez
tsquez / top-bar
Last active August 29, 2015 14:07
If you want to change the look of the top-bar in foundation, these are the main elements you need to adjust. They appear in order. I changed the default colors as an example.
.top-bar { /* main color of the top-bar */
background: #333333;
}
.top-bar-section > ul > .divider, .top-bar-section > ul > [role="separator"] { /* color of the divider */
border-right: solid 1px #4e4e4e;
}
.top-bar-section ul li {
background: #333333;
}
.top-bar-section li:not(.has-form) a:not(.button),
@tsquez
tsquez / multiple-progress-bars.txt
Last active December 28, 2015 12:29
Foundation Progress Bars - Learn how to add Foundation Progress Bars to your content
<div class="progress"><span class="meter" style="width: 20%"></span></div>
<div class="progress success"><span class="meter" style="width: 40%"></span></div>
<div class="progress alert"><span class="meter" style="width: 60%"></span></div>
<div class="progress secondary"><span class="meter" style="width: 80%"></span></div>
@tsquez
tsquez / WordPress Admin Footer
Last active July 3, 2017 14:52
If you are building a WordPress theme for your clients using WP-Forge and a child theme and you want to promote your company in your theme, one of the easiest ways to do it is to create a custom WordPress admin footer. Simply add the following to your child theme functions.php file (Make sure to copy everything between <?php and closing ?>):