A popular design trend you will see on a lot of newer themes, is a saturated or darkened banner. I really like this style, it makes the banner less distracting, and conveys a clean and professional look. It also gives a lot more contrast to any text or buttons you plan to display on the banner. I find myself constantly forgetting how to do this, hence the quick and simple … [Read more...] about Add A Transparent Color Layer To A Soliloquy Slider
Tutorials
How To Add Or Remove Footer Widgets On Genesis Themes
Genesis WordPress themes typically come with three footer widgets installed. With a little bit of math and a simple edit to one line of code, you can modify the number of footer widgets. Not all site containers or 'wraps' have the same width. This tutorial breaks down how to calculate the CSS you will need to apply to those elements widths. If you're not here for an … [Read more...] about How To Add Or Remove Footer Widgets On Genesis Themes
How To Add FontAwesome Icons To Simple Social Icons
Ever have clients ask you to add abnormal social networks to their site? Ever have clients not like the Facebook icon you used? I have, and this can be frustrating when you already have your social icons setup using Simple Social Icons. Simple Social Icons is -- you guessed it -- an intuitive plugin that adds social icons to your website through widgets. The only downside to … [Read more...] about How To Add FontAwesome Icons To Simple Social Icons
Add A Featured Image Behind Your Page Titles In Genesis
Looking for an easy way to spice up the design of your website's internal pages? Stop pasting images randomly throughout your content. Give your page titles a professional creative touch. Here's what I'm talking about: How Does It Work First, in the page.php file, use conditional logic to check to see if a featured image has been uploaded. If it has, wrap the … [Read more...] about Add A Featured Image Behind Your Page Titles In Genesis
Keeping WordPress In Sync Between Local And Staging
Remember your amateur days of cowboy coding in WordPress? Tedious scenarios of editing website files directly from FTP. Every press of the refresh button could risk your website magically disappearing. Those days are over. There's a lot of great tools that keep you in full power of your website, ensuring local files and data is up to date. Synchronizing files and databases … [Read more...] about Keeping WordPress In Sync Between Local And Staging
Add A Line Through Your Titles With CSS
There’s a lot of creative things you can do to make the typography unique on your website. A web designer friend of mine, Nina Cross, showed me a simple trick you can do to make your titles stand out. In the example below, you can see the technique that adds some extra contrast to the title. Example Title This can be achieved with a few simple lines of CSS. Here’s the … [Read more...] about Add A Line Through Your Titles With CSS
Filtering Your Custom Posts By Custom Field
By using custom posts and custom fields you can make a great experience for users to view data on your WordPress website. This experience can be extended even further by filtering data based on the value of custom fields. In this tutorial I will be using 3 plugins: Custom Post Type UI Advanced Custom Fields Search and Filter For this example we will be filtering … [Read more...] about Filtering Your Custom Posts By Custom Field
How To Use Prometheus
This article serves as a simple guide on how to use Prometheus, which is based off of Genesis Sample Child. Outlined below are the features that have been added to speed up and streamline site development. If you would like to see the original post for this theme check it out here. Table of Contents Structure and Layout Typography Templates Font … [Read more...] about How To Use Prometheus
Setting Up Google Analytics On Your WordPress Site Using a Hook
There's a number of different ways you can install Google Analytics on your WordPress site. There is a way to install it in the functions.php file using an action hook. Action hooks allow you to insert code in specific sections of your website. Note: The best way to add Google Analytics to your website is to use a plugin such as: Google Analytics by Yoast. By keeping your … [Read more...] about Setting Up Google Analytics On Your WordPress Site Using a Hook
Creating A Horizontal Gravity Form Using CSS
Update 10/13/17: In the comments Gray Ayer pointed out that Gravity Forms has a CSS Ready class for making horizontal forms: gf_simple_horizontal. I recommend trying this as it may be an easy solution. This class may not work for all themes and environments, the post below goes into more detail if you need to do it yourself. Why Horizontal Forms Are Awesome Gravity Forms … [Read more...] about Creating A Horizontal Gravity Form Using CSS