• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

WP SITES

2785

Original Genesis & WooCommerce Tutorials & 6000+ Guaranteed Code

Snippets

  • Try Premium
  • Log in

Genesis Tutorials

The tutorials in this archive are primarily focused on but not limited to modification and customization of Genesis child themes. Most of these tutorials relate to web design changes, additions and removal of default functionality and features included in StudioPress HTML 5 child themes. Some tutorials also focus on but not limited to 3rd party genesis child themes like Foodie Pro. You'll also find several dozen tutorials for WordPress default themes from 2010 thru to 2016. Tutorials include PHP code that works with Genesis, WordPress as well as CSS, jQuery and HTML. All code is tested and supported for members.

Using Conditional Tags In WordPress

Lets take a look at how to execute custom functions in your themes different hook locations based on certain conditions being met and

Web Design Services Questionnaire & Client Checklist

Here's a few questions you may want to consider asking prospective new web design or WordPress services clients. You can use these

Font Sizes: Pixels = Rem Values

If you've installed the latest Genesis theme framework, you'll notice the style.css file now includes font size values in both rem and

Making The Corners Of Your Content Boxes Rounded

You don't need to be a coder to edit and use CSS. You can style different elements of your site simply by using existing code. If

Customize Twenty Eleven Theme Nav Menu Background Color

Changing colors on default WordPress parent themes isn't always smooth sailing. Different default themes use different selectors so the

Change Navigation Menu Item Link Hover Colors in 2012

First step is to right click you home page and View Source Code. You can find each nav menu item i.d in your source code and add a color

5 Color Tools For Web Design

Adobe Kuler This tool enables you to edit and create your own color swatches for download. The Adobe Kuler tool will generate your

Change Color of Genesis Child Theme

Ever found a great theme but don't like the color. Its not easy finding a high quality theme which is coded using industry best

Add After Post Widget Area In Genesis

There's at least 3 different ways to display content after your post. 1. You could install the Simple Hooks plugin and simply paste in

Fixing P Class Note & Alert Content Boxes After Changing Themes

Changing from Thesis to Genesis can cause problems. I know Chris Pearson uses P Class for his alert and note boxes. The CSS is built

Changing Background Color of Specific Page, Post & Category

You can easily change the background color on a specific page, post, category or archive once you find the i.d for that page. Another way

Background Image

Adding Next & Previous Post Nav Links In Genesis

I've already shown you how to add next and previous post links in themes which include a single.php file. Update: You'll find more

Pagination

The biggest Copyblogger sale of the year

Hi there! I'm going to make this short and sweet so you can get right to work... Just a few minutes ago, we opened up our biggest sale

How To Customize Your Site Title & Description

Some themes include design options which enable you to style your sites title and description (tag line). Others don't which is why i

Hide Page Titles From Displaying On Specific Pages & Posts Using CSS Code

The easiest way to hide the title of your page or post is to simply remove it after publishing. You could then add the title at the top

How To Find The Dimensions Of Your Themes layout

Have you ever wanted to find out the width of your content area? Or the width of your sidebar? These dimensions come in handy

Display Image Slider In WordPress Header On Home Page Only

You can easily display an image slider in different header locations using WordPress. The only problem is, your slider will be displayed

Slider

Changing Custom Header Image Sizes In Different Themes

I've already written about how to change the header area height & width in Genesis. This also applies to StudioPress themes as they are

Header Image

How To Display An Image Slider In Different WordPress Header Area’s

This tutorial relates to displaying a image slider in the header area of different WordPress themes. Tools Used: I  used a free web

Slider

Using Custom Fonts For Your Site Title & Description

Many web designers like to use custom & premium fonts. Once you've learnt how to install fonts using best practices, all you need to do

  • « Go to Previous Page
  • Go to page 1
  • Interim pages omitted …
  • Go to page 81
  • Go to page 82
  • Go to page 83
  • Go to page 84
  • Go to page 85
  • Go to Next Page »

Primary Sidebar

Code written by Brad Dalton specialist for Genesis, WooCommerce & WordPress theme customization. Read More…

Advertise · WPEngine · Genesis · Log in

  • Access Problems
  • Account Details
  • Consulting
  • Tags
 

Loading Comments...
 

You must be logged in to post a comment.