UN-Complicating Dynamik Website Builder & Genesis


By Web Designers Academy

Dynamik Website Builder & Genesis together are a great combination to build a website, but together they literally have HUNDREDS of options.


That can be overwhelming to a lot of people, but the good news is you don’t need to touch a lot of them.  Keep on reading and I’ll show you how to cut through the clutter to what’s really important (and what you can skip).

The Six Genesis Menu Entries

When you move your mouse over the Genesis menu in the admin area there are six menu entries.  Some are really useful, some are a waste of time.

  • Theme Settings (Change two things here)
  • SEO Settings (Skip it)
  • Import/Export (Skip it)
  • Dynamik Settings (Check it out)
  • Dynamik Design (Get really good at this)
  • Dynamik Custom (Work your way up to this)

Let me show you the important parts of each one.


This has a bunch of overview options for your Genesis installation, however you should change two things:

  1. Default Layout: Whenever a new page gets added you can choose whatever layout you want (a layout being where the sidebar is located or if there is a sidebar at all).  However most clients don’t even pay attention to that area so it’s a good idea to set what layout the DEFAULT layout will be.
  2. Header Image Logo: Why anyone would want a text based logo is beyond me, so you should go to the Header section on this page and change the drop down from Dynamik text to Image logo, like this:

SEO Settings (SKIP IT)

Out of the box, Genesis is very SEO friendly.  So unless you are a SEO god – stay out of this section and let it work it’s magic.

Import/Export (SKIP IT)

We’ve created tons of websites using Dynamik Website Builder & Genesis and we’ve NEVER used this section.  Never.  Not once.

Dynamik Settings (CHECK IT OUT)

Here are some overview options for your Dynamik Website Builder installation.  Here are the most important parts of this section:

  1. Child Theme Info (Skip it): It’s just some general info about your installation
  2. General Settings: There are two options you need to play with here, they are:
    1. Page Titles: If you want to hide a page title (like on the homepage) do it here
    2. Responsive Design: This is how you enable responsive design on your site.  If you don’t add many advanced elements (hookboxes, css, etc…) checking this box should be all you need.
  3. Import / Export: If you are a member of the Design Club, this is where you IMPORT the .dat file.  Other than that, you don’t need this section.


This is where the magic happens, but the magic is really created in just a few of these tabs.  Take a look at the image below, I’ve marked each tab with a green outline or a red box.

  • Green outline means you should know what is going on here
  • Red box means you usually don’t need to change much (if anything) here

Click to enlarge

In regards to the green items that you should be understanding, here’s what they mean/do/control:

  • Body: Here you can add Google Fonts and change the background color/image
  • Wrap: This gives you control over the way the overall page lays out, do you want fluid or fixed width?
  • Header: Specify your logo image, logo size and the header widget area size
  • Nav Tabs: Depending on where you want your menu to display, these tabs are useful.  Each screen gives you color/font options for your navigation menu
  • Content: Specify heading fonts/colors, size of paragraph fonts and blockquote fonts
  • Sidebars: Control what the sidebars look like (heading background colors, content fonts, etc…)
  • Footer: Control the footer text/color.  We also recommend that you remove the default Genesis footer.
  • Widths: How wide should your site be?
  • Images: Upload the site logo and and background images here
  • Imp/Exp: If you are a member of the Design Club, this is where you IMPORT the .zip file.  Other than that, you don’t need this section.

If you are are feeling a little bit like this confused flamingo, just take it one section at a time.


If you want to go beyond colors, widths, borders and fonts, then you should be working your way up to this.  If you just getting started, stay away from this section for now.  Here is a brief description of what each tab does:

  1. CSS: Want to make some fancy text?  Want to add colored box around some of your content?  Do it here.
  2. Functions: Sometimes the way Genesis does things is not what you want to have happen.  This tab is where you can paste in custom Functions… for most people this is unnecessary.
  3. JS: You can add custom Javascript to your site here.  Most people will never use this.
  4. Templates: Just skip this.
  5. Labels: Adding labels gives you checkboxes on your pages/posts that you can check to associate different hook boxes and/or css with.  Labels are used in conjunction with Conditionals and CSS.
  6. Conditionals: This is useful for you to define where you do/don’t want certain content to display.
  7. Widget Areas: Sometimes there are certain content that is best displayed in a widget (ie: like the latest blog posts), but if you want those latest blog posts to display within the content of a story, you’ll need to create a custom widget area.
  8. Hook Boxes: You’ll need to add a Conditional first, but once you do you can associate a hookbox (ie: an image, video, etc…) with that Conditional.

Feel better?

See it wasn’t that bad was it?  Just start playing around with the options mentioned above and then move on to the other sections.  Take it one section at a time and play around with all the options.