How To Customize Genesis Child Theme Without Touching Code?

If you are regular here at BloggerTipsTricks, I have always been talking for themes by Studiopress. The reason why I love Studiopress themes is they are search engine optimized, very clean coded and still have lots of space for customizations and branding. You can use genesis themes out of the box. They are widgetized, ads ready and fast loading. (Read my review)

But, in case you want to add your own look and branding to your child theme you have to get your hands dirty with coding. If you are a non-coder or have zero knowledge of coding things can go worse. A simple task like editing the color of your header to having custom text present in the footer seems impossible for us.

More...

customize genesis child theme

Of course, there are tons of tutorials online to custom design your genesis child theme. However, it is risky and investing time in something you are not familiar with can leave your site broken.

The second option is to hire a professional designer to code your site according to your branding. This is still a recommended solution, but you have to invest a lot of money. Some designers charge as much as $1000 for one child theme.

Stressful! Right? I know.

I too have been there. I paid a good amount to get my genesis theme custom designed.

Having said that, things are not that difficult now. There is now a plugin that takes your entire headache and gives you the power to edit your Studiopress theme as per your needs. 

You can change anything like the background color, edit the font, decrease the size of menu bars and put your logo to a little left.

All, without touching a single line of code.

Enter Genesis palette pro

Genesis palette pro is a WordPress plugin that enables you to edit your genesis child theme’s look and feel as per your branding. The best thing is you don’t need to touch any line of code or CSS. In fact, the editor itself is a visual editor that visually shows you the customizations instead of changes in the CSS.

Customize your genesis child theme with palette pro

Genesis design palette pro helps you design your genesis child theme that matches your blog branding. It’s just click and point. The interface of the plugin is very sleek and gives you the whole view of your theme along with zoom in and zoom out features. This helps you to edit the minute details.

It also has the option to check how your site looks on mobile and tablet screens. This is handy as sites need to be mobile responsive these days.

genesis design palette pro settings

Genesis Design Palette Pro Dashboard

How to customize the general display settings?

The first option is where you can change the general display of your genesis child theme. You can customize the background color (different for mobile and desktop view), change the font and the size of the font.

In case you want a different color for your link, you can change your link color in this section.

design palette pro color settings

Colors and font settings

Adding a custom favicon:

A custom favicon enhances your site branding and helps it to stand out. But, all genesis themes have a default favicon that cannot be changed without altering the coding. Here Genesis palette pro comes handy by giving you the option to upload a favicon directly from your media gallery.

Genesis theme change favicon

Change favicon from here

Customizing the header:

In the second option, you can change the header color, padding (gap between two elements), and your widget position (if your theme supports an ad widget in the header like magazine pro theme).

genesis theme header area settings

Header Area Settings

Customizing the navigation menu:

Touch this option and you will feel you are a professional designer. Here you get all the control over little tweaks that you had buried deep in the heart because you did not know coding.

Studiopress themes nagivation settings

Nagivation settings

Navigation menu option allows you to,

Change the menu bar color, customize the dropdown of menu bars, and give them a different color on hover and a lot more.

Palette pro gives you the option to add or customize the border of dropdown menu items.

Customize the “read more” link, author bio, and breadcrumbs:

To give your own desired look and feel to your child theme, you need to customize the original standard genesis template as per your own color scale. If you want to edit the author bio and read more links, the genesis design palette pro comes handy.

Just go to the “Content Extras” tab of the plugin interface and the first option is to edit how your “read more” link appears.

additional content styles

Additional content styles

Similarly, you can edit the breadcrumb and author bio settings from palette pro without even touching the code.

Change the footer widget display:

With genesis design palette pro, you can change the color of the footer widget, the padding and the text color.

Click the footer widget option from the plugin interface. The next row will help you to customize the footer widget color, widget content, title color and much more.

footer widget settings in genesis themes

Footer widgets settings

Here is the final version of the site I designed using “no codes”.

design palette pro result

Design palette pro result

Frequently Asked Questions

1. Is design palette pro compatible with all genesis themes?

Design palette pro is compatible with most genesis HTML5 child themes but not all. To check your version of child theme compatibility, click here.

2. Do I need to know at least the basics of coding to use genesis design palette pro?

No, as we saw above we only need to know what we want as our site’s new look.

3. Will it alter my site coding or manipulate it?

No. Genesis design palette pro will add a new CSS file that saves all your customizations. It will not alter any settings. Your child theme will return to its default state once the plugin is uninstalled. It will not make your site buggy or slow.

4. Can I have a backup of it?

Yes. It allows you to have a JSON file as a backup of your customizations so that you can use it later on your site or any clients site.

Check Genesis Design Palette Pro Now >>

Over to you

So, this is how you can customize your genesis child themes without having any knowledge of coding and in fact without writing or manipulating a single line of code. Genesis design palette pro gives non-coders the power to use their imagination and create an eye-catchy genesis child theme of their choice.

You can also save a good amount that would have gone for hiring a professional designer.

What do you feel about GDPP? Leave a comment below!

Click Here to Leave a Comment Below 7 comments
vishal fulwani

Hi Ankit!

I was searching for these type of visual editors from long time and I got too many builders but Genesis palette pro is awesome builder according to me. It’s very simple and powerful builder. I’m also doing front end developing for many websites but if you want some customization for your website without touching code. This is right plugin 🙂

Thanks for this helpful review of Genesis design palette pro. I’m going to customize my theme now 🙂
~Vishal

Reply
    Ankit Singla

    Hello Vishal,

    Glad you found your best solution. Now customize your theme and don’t forget to share your creativity with me 🙂

    Ankit

    Reply
Sumesh

Hi Ankit !!
Thanks for sharing this, i have a one question that whenever i used the Genesis framework ist of all that Logo G as favicon i am not able to remove that and then i always had a problem with images, images are not responsive in the themes. i have tried 2-3 themes. can u suggest the best theme which is full responsive and that can i used in many blogs not restricted to 1 blog
Thanks in advance
Regards
Sumesh

Reply
    Ankit Singla

    Hello Sumesh,

    You can change your favicon either with Genesis design palette pro plugin or by doing some coding work (if you can handle that).

    I have used News Pro, Metro pro and few other genesis themes and all of them are responsive. You can give them a try.

    Do let me know if you need any other help.

    Thanks,
    Ankit

    Reply
Priyanka

@Ankit Singla

What is the best way to add Mail Chimp e-mail sign up boxes to a Genesis child theme, but be able to easily style the forms?

Reply
Sumesh

Thanks Ankit for your Quick Response, i have one more question regarding the Customization in Genesis, that how to remove the credits from the footer, like the site which is not on Genesis i can easily remove that but the other site which is in Genesis i am not even able to find that footer code..I am using Focus Pro theme..
Thanks in Advance.

Reply
Thedore Nwangene

This is really lovely Ankit,
I’ve never heard about Design Palatte Pro before now and it seems to be a very useful plugin for Genesis child themes.

Most times, you will find it very tedious to tweak your theme especially when you don’t have any coding experience and, you might even mess things up if you try but with a tool like this, all the pains is taken off.

Thanks for sharing Ankit.

Reply

Leave a Reply: