How to Customize Genesis WordPress Theme

How to Customize Genesis WordPress Theme

Genesis is a premium WordPress theme framework which provides search engine optimized and secure foundation for your WordPress blog. Advantage of premium theme is that you get support. For each Genesis child theme there is forum where you can ask your doubts, code snippets for modifying Genesis theme, whatever you want! This is the main reason behind many bloggers choose Genesis theme for their WordPress blog. In this article, we will share with you a way by which you can customize various fields in Genesis child themes. Modifying Genesis child theme is relatively simple.

Customize Genesis WordPress Theme

Note: To modify Genesis theme you have to modify mainly two files – style.css and functions.php. You can modify these files through WordPress dashboard -> Appearance -> Editor.

#1 How to Add Author Box to End of Posts

You can add author box at the end of each post without touching single line code. Under WordPress Dashboard -> Users -> Your Profile -> Genesis User Settings. Check on the box “Enable Author Box on this User’s Posts”.
But if your blog is a multi-author site then instead of editing each user profile you can use following code to show author box at the end of each post. Add following code in functions.php.

/** Add author box to end of posts **/
function abr_author_box () {
  $html = '<div class="author-box">';
  $html .=  get_avatar(get_the_author_meta('user_email'), 75); 
  $html .= '<strong>About <a href="'.get_author_posts_url(get_the_author_meta( 'ID' )).'">'.get_the_author_meta('user_firstname').' '.get_the_author_meta('user_lastname').'</a></strong><br />';
  $html .= wpautop(get_the_author_meta('description'));
  $html .= '</div>';
  echo $html;
}
add_action ( 'genesis_before_comments', 'abr_author_box', 10, 1);

Above code will add author box below each post as shown in the figure below:

Author Box

SEE ALSO: How to Add a Newsletter Signup Box After Your Post in Genesis Framework.

#2 How to Display Author’s Social Media Links on the Profile Page

To add author’s Twitter, Google+, Facebook, LinkedIn profile links on the author profile page first you have create author.php in your child theme folder and add following code into it:

<?php
/**
 *
 * Author template.
 *
 */
 
add_action( 'genesis_before_loop', 'tw_custom_auth_info' );
 
function tw_custom_auth_info() {
 
    if (is_author()) {
        $curauth = (get_query_var('author_name')) ? get_user_by('slug', get_query_var('author_name')) : get_userdata(get_query_var('author'));?>
        <div class="author-box"><?php echo get_avatar( $curauth->ID, $size = '76');?>
        <h1><?php echo $curauth->display_name;?></h1>
        <p>
        <?php
         if($curauth->user_description<>''): echo $curauth->user_description;
         else: _e("This user hasn't shared any biographical information","nomadic");
         endif;
        ?>
        </p>
        <br />
        <?php
          if(($curauth->user_url<>'http://') && ($curauth->user_url<>'')) echo '<p class="im www">'.__('Homepage:','nomadic').' <a href="'.$curauth->user_url.'">'.$curauth->user_url.'</a></p>';
          if($curauth->yim<>'') echo '<p class="im yahoo">'.__('Yahoo Messenger:','nomadic').' <a href="ymsgr:sendIM?'.$curauth->yim.'">'.$curauth->yim.'</a></p>';
          if($curauth->jabber<>'') echo '<p class="im gtalk">'.__('Jabber/GTalk:','nomadic').' <a href="gtalk:chat?jid='.$curauth->jabber.'">'.$curauth->jabber.'</a></p>';
          if($curauth->aim<>'') echo '<p class="im aim">'.__('AIM:','nomadic').' <a href="aim:goIM?screenname='.$curauth->aim.'">'.$curauth->aim.'</a></p>';
        ?>

        <ul><?php
 
        $google_profile = get_the_author_meta( 'google_profile', $curauth->ID );
        $facebook_id = get_the_author_meta( 'facebook_id', $curauth->ID );
        $twitter_id = get_the_author_meta( 'twitter_id', $curauth->ID );
        $linkedin_id = get_the_author_meta( 'linkedin_id', $curauth->ID );
 
        /* Create Google Profile and Other Links */
        
        if ( $google_profile || $facebook_id || $twitter_id || $linkedin_id) {
            ?><br /><p>Find me on:</p><?php
        }

        if ( $google_profile ) {
            ?><li><?php echo '<a href="' . $google_profile . '">Google Profile';?></li><?php
        }
        if ( $facebook_id ) {
            ?><li class="social_profile_facebook"><?php echo '<a href=http://www.facebook.com/' . $facebook_id . '>Facebook';?></li><?php
        }
        if ( $twitter_id ) {
            ?><li><?php echo '<a href=http://twitter.com/intent/user?screen_name=' . $twitter_id . '>Twitter';?></li><?php
        }
        if ( $linkedin_id ) {
            ?><li><?php echo '<a href=http://www.linkedin.com/in/' . $linkedin_id . '>LinkedIn';?></li><?php
        }
        ?></ul></div><h2 style="margin: 0 0 40px; overflow: hidden; padding: 10px 0;"><?php printf(__('Posts by %s', 'nomadic'), $curauth->display_name); ?></h2><?php
    }
}
 
genesis(); // <- everything important: make sure to include this.
?>

Then add following code in functions.php.

/** Add Custom Contact Profile Fields **/ 
function add_custom_contact_profilefields( $contactmethods ) {
    $contactmethods['google_profile'] = 'Google Profile URL';
    $contactmethods['facebook_id'] = 'Facebook ID';
    $contactmethods['twitter_id'] = 'Twitter UserName';
    $contactmethods['linkedin_id'] = 'LinkedIn UserName';
    return $contactmethods;
}
add_filter('user_contactmethods','add_custom_contact_profilefields',10,1);

Then Under Users -> Your Profile will look like this:

Author Settings

Add your information there and you have done it. Your author profile will look like this:

Author Profile

#3 How to Add a Comment Policy Box Before Comment Form

Many people want to add comment policy before comment form, to display comment policy add following code in functions.php

/** Add a comment policy box */
add_action( 'genesis_before_comment_form', 'single_post_comment_policy' );
function single_post_comment_policy() {
    if ( is_single() && !is_user_logged_in() && comments_open() ) {
    ?>
    <div class="comment-policy-box">
        <p class="comment-policy"><small><h4>Comment Policy:</h4> Your words are your own, so be nice and helpful if you can. Please, only use your <strong>real name</strong>, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please.</small></p>
    </div>
    <?php
    }
}

Output:

Comment Policy

#4 Edit Comment Form

Following code will modify your comment form title and will add some text below it. Change the text as per your need. Add following code in functions.php.

/** Edit comments form text **/
function modified_comment_form_args($args) {
    $args['title_reply'] = 'Tell us what you\'re thinking...';
    $args['comment_notes_before'] = ' <p class="comment-policy">All comments are moderated.</p>
    <p class="required"><small>* Denotes required field.</small></p>';
    $args['comment_field'] = '<p class="comment-form-comment">' .
    '<textarea id="comment" name="comment" cols="45" rows="8" tabindex="4" aria-required="true"></textarea>' .
    '</p><!-- #form-section-comment .form-section -->';
     return $args;
    }
    add_filter('genesis_comment_form_args', 'modified_comment_form_args');

Output:
Modified Comment Form

#5 Display Previous and Next Links After Comment Form

For better navigation you must add previous post and next post links, so user can easily switch in between posts. Also it’ll help to reduce bounce rate. To display previous and next post links add following code in functions.php

/** Previous and Next Links **/
add_action('genesis_after_comment_form', 'custom_post_nav');
function custom_post_nav(){?>
    <div style="font-size:13px; padding:2px;">
           <?php previous_post_link('<b>Previous Post: %link') ?><br />
           <?php next_post_link('<b>Next Post: %link') ?>
     </div>
<?php }

Output:
Previous and Next Links

#6 How To Add Or Remove Navigation Menu

If you want to move your Primary Navigation Menu after your child theme header then add following code in functions.php

/** Moving Your Primary Navigation after Header **/
add_action('genesis_after_header', 'genesis_do_nav');
remove_action('genesis_before_header', 'genesis_do_nav');

If you want to move your Primary Navigation Menu before your child theme header then add following code in functions.php

/** Moving Your Primary Navigation before Header **/
remove_action( 'genesis_after_header', 'genesis_do_nav' );
add_action( 'genesis_before_header', 'genesis_do_nav' );

If you want to move Secondary Navigation Menu below your child theme header then add following code in functions.php

/** Moving Your Secondary Navigation After Header **/
Remove_action('genesis_after_header','genesis_do_subnav');
Add_action('genesis_before_header','genesis_do_subnav');

#7 How to Change “Read More…” text to “Continue Reading…”

Many people want to change default “Read More…” text to different text like “More…”, “Continue…”, “Continue Reading…”, etc. I always prefer “[Continue Reading …]” text. Also we can add styles to this text so it look better. Add following in functions.php to accomplish this.

/** Read More changed to Continue Reading... **/
add_filter( 'excerpt_more', 'child_read_more_link' );
add_filter( 'get_the_content_more_link', 'child_read_more_link' );
add_filter( 'the_content_more_link', 'child_read_more_link' );
function child_read_more_link() {
 return '&#x2026; <a class="more-link" href="' . get_permalink() . '" rel="nofollow">Continue Reading &#x2026;</a>';}

Then add following code in style.css.

/** Customization for Read More Link... **/
.more-link {
  font-size: 12px;
  font-weight: bold;
  float: right;
  margin: 4px 0;
  padding: 1px 6px;
  text-transform: none;
  border-radius:4px;
  background-color:#DDDDDD;
  border:0;font-family:Arial, sans-serif;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -moz-box-shadow:0 1px 1px #AAAAAA;
  -webkit-box-shadow:0 1px 1px #AAAAAA;
}

.entry-content a {
   text-decoration: none;
}

.entry-content a:hover {
   text-decoration: underline;
}

Now your “Continue Reading” button will look more professional, more stylish.

Continue Reading

#8 Add Support for Custom Background

If you want custom background then add following code in functions.php.

/** Add support for Custom Background **/
add_custom_background();

#9 Add Support for Custom Header

If you want custom background then add following code in functions.php.

/** Add support for Custom Header **/
add_theme_support( 'genesis-custom-header', array( 'width' => 920, 'height' => 150, 'textcolor' => 'ffffff', 'admin_header_callback' => 'nomadic_admin_style' ) );

Don’t forget to change child theme name, here e.g. we’ve used “nomadic” as a child theme name. You can adjust width, height and textcolor values. Adjust them according to your need.

#10 Remove or Change Title and Description

If you want to remove Title and Description then add following code in functions.php. This is useful when you decide to use site logo instead of text for site title.

/** Remove Title and Description **/
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
remove_action( 'genesis_site_description', 'genesis_seo_site_description' );

Add following code in functions.php to add custom site title.

/** Remove default site title and add custom site title **/
remove_action( 'genesis_site_title', 'genesis_seo_site_title' );
function custom_site_title() { 
     echo '<h1 id="title">Tips and Tricks</h1>';
}
add_action( 'genesis_site_title', 'custom_site_title' );

#11 Remove Post Title

Add following code in functions.php to post title.

/** Remove post titles **/
remove_action( 'genesis_post_title','genesis_do_post_title' );

#12 How to Modify Footer Text

If you want to remove default footer text and want to add your text then add following code in functions.php.

/** Customize the entire footer */
remove_action( 'genesis_footer', 'genesis_do_footer' );
add_action( 'genesis_footer', 'child_do_footer' );
function child_do_footer() {
    ?>
    <p><!-- Your Custom Text OR Code --></p>
    <?php
}

#13 Customize the Genesis Comment Button Text

If you want to change the “Post Comment” text in comment form of your website then add following code functions.php. Following code will change “Post Comment” text to “Submit Comment”.

function change_comment_form_submit_button_text( $defaults ) {
    $defaults['label_submit'] = 'Submit Comment';
    return $defaults;
}
add_filter( 'comment_form_defaults', 'change_comment_form_submit_button_text' );

#14 Modify Size of Comments Gravatar

If you want to modify size of Gravatar in comments then add following code functions.php. Change 65 number according to your need.

function child_comment_list_args( $args ) {
return array( 'type' => 'comment', 'avatar_size' => 65, 'callback' => 'genesis_comment_callback' );
}
add_filter( 'genesis_comment_list_args', 'child_comment_list_args' );

If you have any questions, then please feel free to ask in the comments below. Also don’t forget to share this article on Twitter, Google+ and on Facebook. We truly appreciate your support.

Comments

  1. says

    Rajesh you have done very nice efforts to explain all necessary things to have better genesis blog. A lots of people are shifting their blog to genesis but they are not aware of how to do such basic things. Very nice tutorial and all the best for blogging.

  2. Lenore Turck says

    Hi Rajesh, I’m glad I am here and found your tutorial. I still need to know one thing. How can I change date form? I want to change it to german form/language. Which file can I find it and modify?

  3. Mansi says

    Thanks for the information about Genesis framework customization, I want to use genesis framework for my site, I am new into blogging and to WordPress. Is there a free or open source version of Genesis available?

  4. says

    Great post Namase. I use Genesis theme and have always wondered how to make some simple modifications. These are wonderful tips and tricks.

    How do I add a profile picture of myself as an author in the comments? I can’t find a setting for it in Genesis. Is that something that needs to be customized? There is a “Profile Pic” plugin, but is that best way to go? Is there a way to add my facebook profile pic to the comments? Also can other commenters add their facebook profile when commenting?

    Also in #5 tips/tricks you have shown how to add Previous and Next post, but how do I add the checkbox for “Notify me of follow-up comments by emails” – that is not clear. I would appreciate your help.

    Thanks.

  5. Vivek says

    Great Write Up. I bookmarked this article for future reference for managing all my websites running on Genesis.
    Thank you.

  6. David M says

    I’m wondering how I can add tabindex=5 to the submit button. I tab through text fields, which works fine for author, email, website and comment box, but from there a tab takes you to the top of the page. Any help would be appreciated.

    • says

      In “genesis/lib/structure/comments.php” add comments to following code:

      <div class="comment-meta commentmetadata">
      			<a href="<?php echo esc_url( get_comment_link( $comment->comment_ID ) ); ?>"><?php printf( __( '%1$s at %2$s', 'genesis' ), get_comment_date(), get_comment_time() ); ?></a>
      			<?php edit_comment_link( __( 'Edit', 'genesis' ), g_ent( '• ' ), '' ); ?>
      		</div><!-- end .comment-meta -->
      
  7. says

    Rajesh, awesome work man! First with the mystique theme tips and now Genesis tips! Very helpful indeed! I am bookmarking this page for the future if I ever shift to Genesis! :)

  8. Ari says

    Rajesh, I have to give you a salute for this post. I’ve been looking for this kind of tips all over the web, but it looks like your post is the best of all. You SAVE my day.

    Regards,
    Ari.

  9. Ari says

    Rajesh, I want to insert image navigation (Previous Image/Next Image) in my gallery attachment page, but I can’t find out how. Can you help me with this?

    Regards,
    Ari.

  10. Don says

    As a non-technical blogger I was happy to find your site that addresses some issues I have found using Genesis.

    I copied your code at 12 above and, cautiously added it to bottom of my functions.php page.

    I added my domain name as my “test text” … BUT…
    the standard text and links to “Top Of Page” and “Log Out” just disappeared.

    The bottom footer was left totally clean (?!)

    Most probably my “procedure” was incorrect, and if so, what is the correct way?

    The theme I tried this on is the Genesis Sleek theme.

    • says

      Because when you add #12 code then you’ll not see default footer code, you’ve to manually add those links in above code. Modify #12 according to your need (It requires basic HTML knowledge.)

    • says

      Use the code provided above and replace

      $args['title_reply'] = 'Tell us what you\'re thinking...';
      

      with

      $args['title_reply'] = '<h4>Tell us what you\'re thinking...</h4>';
      
      • Rupak says

        Hi Rajesh! I too have the same question as Vivek. I wanted to know how we can increase the width of content and primary side bar. I’m using Nomadic child theme. Please suggest I’m struggling to find solution. Thank
        You for the awesome post on customization.

  11. says

    Hi Rajesh,

    None of the above codes are working for me. I don’t know the exact problem for it as I’m using Genesis Framework with Eleven40 theme. Please help me out. I tried all the above mentioned codes.

    Most Importantly I need Comment Policy and Previous and Next Links After Comment Form.

    Thanks in Advance.

    • says

      Really? You’re doing something wrong Mohammed, please read the article carefully and follow each step carefully. Add provided code at the end of function.php. I’ve tried to add Comment Policy and Previous and Next Links After Comment Form in Eleven40 child theme on local WordPress site and no any problem in code snippets, all are working fine here.

  12. says

    Hi.. I want to align my image at center of the post, at home page.
    Image s aligned very easily in post. But when we look into homepage, the image is left aligned and the content goes after that…
    Please help me out.

  13. Ravi says

    How can we change the color of Menu of a “Streamline” Theme Which You are using Now?
    When i try to change the color of the menu, it changes with background color. How can we separate the colors of Background and Menu Bar in Streamline Theme?

  14. Dan Hostettler says

    Hi Rajesh,
    great help! Thanks a lot!! Just started with Genesis/Child theme…

    Tough I have a question. I am using the following snippets with success:
    – “Add author box to end of posts”
    – “Display Previous and Next Links After Comment Form”

    The only thing is, that both functions are now displayed on EVERY post AND page.
    Is there a possibility to filter that, at least hide it on pages?
    I do not want the author & subsubnavigation on pages as this ‘static’ paged are for info reasons only.

    Thanks for any hint. I was not sure how search strings in Google for that would be.

    Regards,
    Dan

  15. says

    Hello Rajesh

    A helpful post, thank you. I’m trying to figure out how to have the attachment page, for the default wp gallery, post the full size image, instead of a medium size image that then the visitor can click to go to the full size. I can get the vertical images, less than 500px wide, to display full size, but the horizontals, at 750 pix wide, will only display half size. even if Ihave the page be 1000px wide with no sidebar. There is plenty of room, they just won’t display full width for me, unless I switch theme to twenty Twelve.

    Any help is appreciated. Thank you.

    Cheers

    Carl
    Carl D recently posted – Obiter dicta; abstract photosMy Profile

  16. eric abao says

    @ Rajesh Namase,

    I am a total newbie about genesis child theme. Can you show me some codes how did you customize your main navigation where that red orange color background covers across the screen horizontally. I believe that is only few lines of css and html but i don’t know where to insert them?

  17. Satish Kumar Ithametty says

    Hai Rajesh, i am Satish working as Lecturer in degree colleges. I am doing blogging since 2008 on blogger.com platform. But i did not settle as professional blogger as full time blogger. In 2010 i registered one domain as TechnologyFlow.in and started my first blog after that i started second blog on my parental subject Biochemistry (BiochemDen.in). This year may i started working with WordPress with this domain. I searched so many blogs and learn some tips. but here i found very interesting articles. it helps me lot for my wordpress blog. Please give your valuable suggestion to my blog implementation. I want to decided become a full time blogger in the blogging field. I am expecting your reply. Thank you
    Satish Kumar Ithametty recently posted – Install and Setup WordPress SEO by Yoast PluginMy Profile

  18. Krista McPhee says

    I’m trying to figure out how to get a full width header, navigation, and footer? I’ve tried the tutorials online and nothing works. I’m working on Prose.

  19. says

    Rajesh,

    Thank you for all of this information – it is very timely for me.
    I have just transitioned my newest blog to Genesis from a free theme; and to say that it has been frustrating learning how to edit it is an under statement.

    You have solved two of my biggest problems with the information presented here, thanks.

  20. says

    I’m trying to implement CSS styling to the pagination. However, with Genesis not having the proper .php files to edit, how would I go about completing these instructions?

    This is driving me nuts and I’m really hoping you can help!!

    ———-
    Finally, call the function in your theme (typically near the bottom of index.php or loop.php where it says “Older posts” or “Older entries”):

    max_num_pages);
    } ?>
    ———————-
    Jeana recently posted – Red Carpet Ready Hair Courtesy of Fantastic SamsMy Profile

  21. says

    I tried it => How to Change “Read More…” text to “Continue Reading…”

    But, I’m facing this problem, when the code is added in functions.php,
    I’m seeing this error.
    Fatal error: Cannot redeclare child_read_more_link() (previously declared in /home/techbe/public_html/wp-content/themes/BloggingCageTheme/functions.php:13) in /home/techbe/public_html/wp-content/themes/BloggingCageTheme/functions.php on line 82

  22. says

    Hi,
    Thank you the Author for this effective post. I am a Web Developer and a Genesis Expert. But I am getting fail to put My own custom sub menu with ICON. Could I get any proper suggestion from you? You can add me at Skype: abir43tee

    Thanks
    Omar Faruque
    Omar Faruque recently posted – Recreational Drugs WebsiteMy Profile

  23. Greg says

    Rajesh, thx for this great codes, My question is, How to ad About,Contact,Policy pages in Footer, at the very bottom?
    Thx

  24. says

    Love the hacks and tweaks…will definitely come in handy. Wondering if there’s an existing source for custom Genesis graphics…like header graphics in different colors besides the standard color included with the theme. For example, the black header on the Agency theme.

    Thanks
    Jim recently posted – Finding a Dentist in San Jose, CAMy Profile

  25. Ashwani Ahlawat says

    Your code snippets really worked out mate. That is what I am really looking for.

    I just installed Genesis parent theme on my blog as it is simple and sober enough. So, really need those codes and your site help me all out. Thanks!

  26. Mike says

    Hi Rajesh Namase

    Thanks for all the great info…..
    Can you tell me how to edit the primary sidebar with in eleven40pro?

    thanks

  27. says

    Hello,

    I enjoyed all the tips in this article but I could find an answer to my question.

    I would like to remove the topmost bar, just before the header that shows the date and post & comments rss links. Could you please show how to do that? I’m using the old education child theme.

    Thanks
    Nahum recently posted – The Best Medical Alert Systems for SeniorsMy Profile

    • says

      If you’re using upgraded child theme on Genesis 2.0 version then these codes will not work, once StuidoPress roll out updates for all old child themes we’ll update this tutorial.

  28. says

    Hi Namase,

    Thanks so much for this very informative Blog post. I am new to Genesis but have installed the Genesis 2.0 framework with a child theme. Our blog is a multi-author blog and I really like the idea of displaying the Author’s picture and author info in a text widget on the side bar using the Genesis – User Profile widget. However, I only want this to show for posts, and I want it to display the correct author info. How can I do this?

    Thanks so much in advance for your help!

    Justin
    Justin recently posted – Don’t Miss Out! Storewide Furniture Sale!My Profile

  29. Mimi says

    I successfully used your Read More code for both functions.php and stylesheet. I have these two questions:
    1. How can I insure the “Read More” is one line when I add an elipsis or an arrow? right now it’s on two lines. Can I widen the box?
    2. How can I use your code with a Manual Excerpt as well? Currently it only seems to work as an automatic excerpt.

  30. says

    I would like to add the Genesis responsive slider to my static homepage and it will only display if I set the homepage to my latest posts. I want to set the homepage to a page I made but still have the slider show up!!! Please help!

  31. Amos Ho says

    Hi, i read your blog from time to time and i own a similar one and i was just curious if you get a lot of
    spam comments? If so how do you prevent it, any plugin or anything
    you can suggest? I get so much lately it’s driving
    me insane so any help is very much appreciated.
    Amos Ho recently posted – Amos HoMy Profile

  32. says

    Hello Rajesh,
    This is very easy and nice guide step by step to customize the Genesis themes. but here is one thing missing that how to increase the width of a theme. so please must describe it here.
    thanks

  33. says

    Hey Rajesh,
    You did amazing work here giving all code tweaks at one place almost all things are covered but still I want to apply one slideshow using code at header below Nav menu which rotates and it may contain 3-4 posts thumbnail and title can you provide me code for that, I really need that!

    Thanks for you efforts!
    Amar Ryder recently posted – Most Popular Best WordPress Themes of 2013My Profile

  34. says

    Hi Rajesh,
    According to your Tutorial No.#7, I have pasted both code on my Genesis,Eleven40 theme but unfortunately nothing happen. I need a stylish “Continue Reading” Button as you shown.
    (more honestly i need that button like you have the buttons “Post Comment” “More coupons” etc) I hope you got me. :)
    Please help me.
    Hardik recently posted – Earn money with a incoming callMy Profile

  35. Sonia says

    Can you tell me how I would properly go about removing the comment meta link. I only want the date (no time) to display as text without the link.

  36. says

    Hello, the site above is a test site. I’d like to totally remove that “Subscribe Now” button.
    Also I would like to remove this white area below the navigation menus. Either shrink it and make it purple like the footer, or remove it. Thank you very much. :)

  37. says

    Hey rajesh, can you post tutorial how to make sticky footer like your site?
    With random article + go to top button?
    It’s really good for my site :)

  38. Angela Baumbach says

    Hi Rajesh! Love your tutorial. I used your code to remove the site title and description. Can you tell me how to add my logo here where the site title and description was?

    Thank you,
    Angela

      • Angela Baumbach says

        Thank you, RAjesh. A code sniper would help me greatly :) I don’t lime the way appearance -> header-> header image defines the size and shape. Also, want to put other things in header on other side but Genesis/ prose theme limits this. Code would be an amazing help.
        Sincerely,
        Angela

      • Angela says

        Hi Rajesh,

        I was just wondering if you have located the code for adding a logo in place of the site title which I have now removed. Here is the CSS code I’ve been playing with in Genesis -> Custom CSS to attempt this myself, with no luck :(

        THank you for your help.

        Sincerely,
        Angela

  39. says

    Hi rajesh! This is really a great article and well explained. Can you tell me how can i change width of sidebar and content area in genesis themes. Waiting for your reply.

  40. says

    Very well written out Tutorial, Rajesh.

    Easy to follow and visually soft on the eyes making it much easier to digest the information.

    On a side note, I noticed that after I just upgraded Genesis(I have not done so for a while) this somehow caused my site title(from title box) in the Eleven40 theme to vanish, and any efforts to put the title back do not show.

    Maybe I should not have upgraded!
    Daniel recently posted – Massive Website Hits No Money? Don’t Use Traffic BotsMy Profile

  41. Mario says

    Hi Rajesh, thanks for the nice tutorial.
    I use child theme genesis. When I post a Video I would like to see him at the top, before the title. is it possible? Thank you very much!

  42. says

    I am really impressed with your writing skills as well as with the layout on your blog.

    Is this a paid theme or did you customize it yourself?
    Either way keep up the nice quality writing, it is rare to see a nice blog like this one these days.
    Jovita recently posted – JovitaMy Profile

  43. Mithun says

    Hello Sir,
    This is a great post and I appreciate the way you put efforts in briefly explaining each aspect of coding & customizing. If you don’t mind, please tell me how to add icon fonts to entry meta. I purchased The new Magazine pro theme + Genesis framework after I heard your praising it but now I am not able to customize the entry meta and because of that I am forced to use a standard premium wordpress theme which is not powerful enough and not at all unique. It would be really nice of you if you please tell me How did you add genricons or any other icon fonts with date, short link and comments in the entry meta, it looks awesomely beautiful.

  44. says

    Hi Rajesh…and thank you for your blog…I found some of the information above very helpful.

    With regard to Nav Menus I would like to go a step further and was wondering if you can help me. I want to run a Primary and Secondary Nav Menu…one in English and one in Spanish but because of the different languages the two menus do not line up.

    Is there a way to fix the menu button positioning so they are directly in line?

    You will need to go to an ineternal page as I have removed the menus from the landing page.

    Thank You,

    Gordon
    Gordon recently posted – Bienvenido – Ven interiorMy Profile

  45. Tonka says

    I have a blogger who would like the main navigation bar to not show up on certain blog pages. Is there a way she can tag or categorize a blog post so that each one tagged/categorized that way will not have the navigation menu? Like by putting some sort of has_tag() condition in functions.php?

    Thanks for all the great tips!

  46. Rox says

    Hi Raj,

    I stumble into your genesis blog. And I’m hoping that if maybe you can help me with my concern.

    I’m trying to work on a multiple search result page template in Genesis. Wherein a result page template will be trigger by the keyword search.

    Can this be done?

    Looking forward to hear from you cheers!

  47. says

    I was looking for best codes to add author box under each post in my blog but after doing a lot of researching I was unable to find the batter solution. It is like icing on the cake for me to get whole coding of author box and doing other changes in posts. I am really pleased and very thankful to you Rajesh for this great work. I am looking forwards more tips for improving the theme of our blogs and adding different widgets.
    Steph Riggs recently posted – Google Penalty hits a Major California CityMy Profile

  48. Jeanette Goodrich says

    I just wanted to say THANK YOU! I have looked at so many tutorials that seem like they are speaking greek to me…or spend 20 minutes explaining what you do in one paragraph. You’re awesome and I appreciate you! :)

  49. Pravin says

    Thanks a lot Rajesh for providing us such WordPress tricks. I am a beginner of PHP custom coding and your tips are really informative and useful. By the way thanks a lot for your blogging effort.

  50. Chris Kidd says

    I am trying my best to do just as you have done, and have my header first and the primary nav menu, with both being outside the site content area, but am having zero luck. Here is what I have, but it isn’t working. The header is outside the wrap just fine, but the nav menu will not move after the header for nothing. Can you help? I’m using the Metro Pro Theme.

    //* Reposition header outside main wrap
    remove_action( ‘genesis_header’, ‘genesis_header_markup_open’, 5 );
    remove_action( ‘genesis_header’, ‘genesis_do_header’ );
    remove_action( ‘genesis_header’, ‘genesis_header_markup_close’, 15 ) ;

    add_action( ‘genesis_before’, ‘genesis_header_markup_open’, 5 );
    add_action( ‘genesis_before’, ‘genesis_do_header’ );
    add_action( ‘genesis_before’, ‘genesis_header_markup_close’, 15 );

    /** Moving Your Primary Navigation after Header **/
    add_action(‘genesis_after_header’, ‘genesis_do_nav’);
    remove_action(‘genesis_before_header’, ‘genesis_do_nav’);

    • Chris says

      I figured it out. All that was not neccessary I see.

      I’m new to Genesis and after taking a look at the code markup and becoming more familiar with it, I see that I could do what I was wanting by styling just a couple elements for full width.

      Thanks though. Nice blog.

  51. Axel says

    Great article for the beginner! Your trending topics widget is really nice in my opinion, would love to know how you got it there as I am trying to implement a similar one on helpwi.re!

  52. Mithun says

    Thanks for the share :). I am modifying Nomadic child theme for genesis but I am facing a problem. When i re-size my browser the header hides 50% of the primary navigation and the header itself. When I scroll to left, all I see is a white background. This problem is only with the header and the primary nav :(. I don’t know what to do. Help will be appreciated.

  53. says

    Hi Rajesh
    Won’t pretend that I’ve read and understood the whole of this post but it looks like a great place to start for anyone interested in Genesis.

    I bought the Genesis Pro Plus package some time ago.
    Great value – made the outlay back with my first project.

    Appreciate you taking the time to educate the rest of us.
    I think this is a post that I’ll be printing off.

  54. says

    Heʏ I know this is off topic but I was wondering if you knew of any wiԁgets I could add to my
    blog that automaticɑlly tweet my newest twitter upԀates.
    I’ve been looking forr a plug-in like this for quite
    some time and was hoping maʏbe you would have some experiеnce with
    something like this. Please let me knoԝ if you ruո
    intο anything. I truly enjoy reading your blog and I look forward to your
    new սpdates.
    Michell recently posted – MichellMy Profile

  55. says

    ʜi! I know this iѕ kinda off topic Ьut І wаs wondering
    if yoս kոew where Ӏ could find а captcha plugin for my comment form?
    Ι’m usiոg tɦe sɑme blog platform ɑs ƴours aոd I’m haνing ƿroblems
    finding one? Thankѕ а lot!
    Deborah recently posted – DeborahMy Profile

  56. says

    I am desperately trying to figure out how to add social media icons to my header without them making my title shift to the left. Hoping I can get some direction since you seem to explain everything really nicely. I tried coding them into the stylesheet but perhaps the header is not large enough. Could you offer some help, please…. Perhaps, you have an earlier post about this subject.
    Sharon recently posted – Neat Way to Remove Lotion Remaining at Bottom of ContainersMy Profile

  57. Nicola says

    Hi
    Please can you tell me how to change the size of a navigation menu in Genesis child theme? It is currently 960×40 but I would like to to be 960×80. I want to design a navigation bar in Photoshop and have it overlap the header part as well.
    Thank you

  58. says

    I added this to my child theme(Magazine pro) functions.php,

    /** Read More changed to Continue Reading... **/
    add_filter( 'excerpt_more', 'child_read_more_link' );
    add_filter( 'get_the_content_more_link', 'child_read_more_link' );
    add_filter( 'the_content_more_link', 'child_read_more_link' );
    function child_read_more_link() {
    return '… Continue Reading …';} </code

    And I ended up getting this: Parse error: syntax error, unexpected ')' in /home/*******functions.php on line 137.

  59. Danny mcmillin says

    Trying to get the gallery attachment page to Show prev/next buttons for multiple images within the gallery in a post. I understand normally in wp you would just create a images.pho file then add that but it isn’t working in this case

  60. says

    thanks for the tutorial. after i changed the read more tag, my site cant open anymore, it gives this error message
    /** Start the engine */ include_once( get_template_directory() . ‘/lib/init.php’ ); /** Child theme (do not remove) */ define( ‘CHILD_THEME_NAME’, ‘Focus Child Theme’ ); define( ‘CHILD_THEME_URL’, ‘http://my.studiopress.com/themes/focus’ ); /** Read More changed to Continue Reading… **/ add_filter( ‘excerpt_more’, ‘child_read_more_link’ ); add_filter( ‘get_the_content_more_link’, ‘child_read_more_link’ ); add_filter( ‘the_content_more_link’, ‘child_read_more_link’ ); function child_read_more_link() { return ‘… Continue Reading …';} Fatal error: Call to undefined function genesis_register_sidebar() in /hermes/bosoraweb075/b2183/ipg.schoolmeoutcom/wp-content/themes/focus/functions.php on line 98

  61. says

    i actually use latest genesis themes, but how can i add a code to my theme function and style.css.
    Do i just have to add it anywhere or a specific place, will i use ftp, file manager or from my backend

  62. says

    Good article, easy to follow. One thing I wouold like to see is how I can add a, “Notify me of replies to my comment by email.” box at the bottom of the comments. I would also like to know how to add th anti spammer.

  63. Nabanow says

    Thank you very much for helpful information. Your tips will help me to customize my WordPress theme. I Really enjoyed this Post.

  64. says

    Awesome Genesis help. I have a question I was hoping you could answer. I am using “Life Style Pro” as a child theme of Genesis.

    My post comment button doesn’t show unless I hover over it. Where do I go to fix this and what code? Go to the link and see the comments section. I can fill out name, email, and web site. As well as comment section. But you can not see the post comment button unless you hover. I would like it to be there without the hover. How is this done? Yours is most definitely there. Any help appreciated :)

    See this post:
    http://www.sewmanysavings.com/epiphanie-bag-giveaway/
    Chris recently posted – Epiphanie Bag GiveawayMy Profile

  65. says

    Hello! I know this is kinda off topic but I was wondering if you knew where I could find a CAPTCHA plugin for my comment form? I’m using the same blog platform as yours and I’m having difficulty finding one? Thanks a lot!
    Franchesca recently posted – FranchescaMy Profile

  66. Lee Broderick says

    This is a very helpful article. I used the code for changing the comment submit button and it worked perfectly for my Eleven40 based site. However when I used the “edits comments form text”, nothing changed on the site. Here is a copy of what I inserted into the child theme php file:

    //* Modify comment form text
    add_filter('genesis_comment_form_args', 'modified_comment_form_args');
    function modified_comment_form_args($args) {
        $args['title_reply'] = 'Tell us about your Expedition...';
        $args['comment_notes_before'] = ' Your email address will not be published.
        * Denotes required field.';
        $args['comment_field'] = '' .
        '' .
        '<!-- #form-section-comment .form-section -->';
         return $args;
    }
    

    Can you tell me what the problem is?

  67. says

    Whhen I initially commented I clicked the “Notify me when new comments are added” checkbox and
    now each time a comment is added I geet several e-mails with the same comment.
    Is there any waay you can remove people from that service?
    Thanks a lot!
    Mavis recently posted – MavisMy Profile

  68. Yatin says

    Hi Rajesh,

    First of all, thanks for your great support as i was confused regarding genesis.

    1) I want to know the coding for related post below the post in genesis. I don’t prefer plugin.
    2) I want to ask that can we add any widgets (like ads, popular post and recent post) in the front page sidebar of Genesis.

    Please spare time for me.

  69. says

    My coder is trying to convince me to move to .net from PHP.
    I have always disliked the idea because of the expenses.
    But he’s tryiong none the less. I’ve been using WordPress on several websites for about
    a year and am nervous about switching to another platform.

    I have heard great things about blogengine.net. Is there a way I can transfer all my wordpress posts into it?
    Any kind of help would be really appreciated!
    Micheal recently posted – MichealMy Profile

 Comment Policy

Your words are your own, so be nice and helpful if you can. Please, only use your REAL NAME, not your business name or keywords. Using business name or keywords instead of your real name will lead to the comment being deleted. Anonymous commenting is not allowed either. Limit the amount of links submitted in your comment. We accept clean XHTML in comments, but don't overdo it please. You can wrap code in [lang-name][/lang-name] tags.


Tell us what you're thinking...

If you want a picture to show with your comment, then get Gravatar!

CommentLuv badge