37 Basic Tips to Design Thesis Theme for Newbie’s

We have already posted 100+ Thesis Theme tutorials and also launched a premium guide to learn Thesis Theme.

Check out our Thesis Skins

1. How to change the color of post and page title in Thesis Theme?

To change the color of post and page title in Thesis Theme, copy and paste the following code in your custom.css file.

.custom .headline_area h1 {

color: #ff0000;

}

In above color code indicate red color. Which color you want just replace that color code with your new color code.

2. How to change the color of Home page post title in Thesis Theme?

To change the color of home page post title in Thesis Theme, copy and paste the following code in your custom.css file.

.custom .headline_area h2 a{

color: #295EF3;

}

In above color code indicate light blue color. Which color you want just replace that color code with your new color code.

3. How to change the hover color of Home page post title?

To change the hover color of home page post title in Thesis Theme, copy and paste the following code in your custom.css file.

.custom .headline_area h2 a:hover{

color: #000000;

}

In above color code indicate black color. Which color you want just replace that color code with your new color code.

4. How to change the color of teaser post title?

To change the color of teaser post title in Thesis Theme, copy and paste the following code in your custom.css file.

.custom .teaser h2 a{

color: #295EF3;

}

In above color code indicate light blue color. Which color you want just replace that old color code with your new color code.

5. How to change the hover color of teaser post title?

To change the hover color of teaser post title in Thesis Theme, copy and paste the following code in your custom.css file.

.custom .teaser h2 a:hover {

color: #000000;

}

In above color code indicate black color. Which color you want just replace that old color code with your new color code.

6. How to enable or show link in teaser post excerpts?

To enable or show link in Thesis Theme teaser post excerpts, just copy first paragraph of your post via HTML mode, then paste it below the post excerpt column as per below image.

ThesisPostExcerpt

Thesis Post Excerpt

7. How show video in Thesis Theme teaser post excerpts?

To show video on your home page post teaser experts, copy the embed code of your video, then paste in below post excerpt column as per below image.

post embed video

post embed video

8. How to increase or decrease in Thesis Theme teaser post excerpts length?

To increase or decrease Thesis Theme teaser post experts length, copy and paste the following code in your custom_function.php file.

function my_excerpt_length($length) {

return 100;

}

add_filter('excerpt_length', 'my_excerpt_length');

In above code you can adjust length (50, 100 or etc) as per your wish.

9. How to enable in Thesis Theme teaser Comments link and Read Full Article Link?

To enable Thesis Theme teaser comment link and Read Full Article link, go to Thesis Theme design option. In design option, go to Teaser option. Under Teaser option, go to Teaser Display option, then tick those check box as per below image.

comment-readmore link

comment-readmore link

10. How to change the text of Read Full Article Link?

To change the text of Thesis Theme teaser Read Full Article Link, Go to Thesis Theme Design option. In Design option, go to Teaser option. Under Teaser option go to Link Full Article option, then change the text as per below image.

change-text-readmore-link

change-text-readmore-link

11. How to customize teaser bylines?

To customize author name and published date in Thesis Theme Teaser bylines, copy and paste the following code in your custom.css file.

.teaser .teaser_author .author , .teaser .teaser_date {

Color: #ff0000;

Font-style: italic;

}

To customize category link in Thesis Theme Teaser bylines, copy and paste the following code in your custom.css file.

.teaser .teaser_category {

Color: #000000;

Font-style: normal;

}

To customize category hover link in Thesis Theme Teaser bylines, copy and paste the following code in your custom.css file.

.teaser .teaser_category:hover {

Color:#ff0000;

Font-style: normal;

}

12. How to customize post bylines in Thesis Theme?

To customize author name and published date in Thesis Theme post bylines, copy and paste the following code in your custom.css file.

.headline_meta span, .headline_meta abbr {

Color: #ff0000;

Font-style: italic;

}

To customize comments and category link in Thesis Theme post bylines, copy and paste the following code in your custom.css file.

.headline_meta a {

Color: #000000;

Font-style: normal;

}

To customize comments and category hover link in Thesis Theme post bylines, copy and paste the following code in your custom.css file.

.headline_meta a:hover {

Color:#ff0000;

Font-style: normal;

}

13. How to move entire byline to after post in Thesis Theme?

To move entire byline to after post in Thesis Theme, copy and paste the following code in your custom_function.php file.

function custom_byline() { ?>

<p class="headline_meta"><?php thesis_author(); ?> on <abbr class="published" title="<?php echo get_the_time('Y-m-d'); ?>"><?php echo get_the_time(get_option('date_format')); ?></abbr>

&middot; <span><a href="<?php the_permalink(); ?>#comments" rel="nofollow">

<?php comments_number(__('0 comments', 'thesis'), __('1 comment', 'thesis'), __('% comments', 'thesis')); ?></a></span></p>

<?php }

add_action('thesis_hook_after_post', 'custom_byline');

14. How to move the category to same byline in Thesis Theme?

Move category to same byline in Thesis Theme, copy and paste the following code in your custom_function.php file.

function add_to_byline() {

if (!is_page())

echo ' in <span>' . get_the_category_list(',') . '</span>';

}

add_action('thesis_hook_byline_item', 'add_to_byline', '99');

15. How to show welcome message in Thesis Theme home page?

To show welcome message for your new visitors in Thesis Theme home page, copy and paste the following code in your custom_function.php file.

function welcome_message() {

if (is_home()) {

?>

<div><p>welcome message</p></div>

<?php

}

}

add_action('thesis_hook_before_content_box',' welcome_message ');

copy and paste the following code in your custom.css file.

.custom . welcome_message {

border:#000 solid 1px;

background-color: #E7F8FB;

padding:1em;

margin:2em;

}

16. How to change comment text “Leave a comment” in Thesis Theme?

To change the default comment text “Leave a comment” in Thesis Theme, copy and paste the following code in your custom_function.php file.

function change_comment_text(){

?>

<div class="change_comment_text"><p>Write Your Thoughts Here</p></div>

<?php

}

add_action('thesis_hook_after_post_box' , 'change_comment_text');

copy and paste the following code in your custom.css file.

.custom #respond_intro {display: none;}

.custom #respond_intro p {display: none;}

.custom . change_comment_text {

color: #555555;

font-size: 2.3em;

margin-bottom: -2.5em;

padding: 1em 1em 1em 0.4em;

}

17. How to customize the comment submit button?

To change the color of comment submit button text and submit button background color in Thesis Theme, copy and paste the following code in your custom.css file.

#commentform input.form_submit {

background: none repeat scroll 0 0 #000000;

color: #FFFFFF;

}

18. How to remove Previous and Next Links on Home page?

To remove Previous and Next Links on Home page in Thesis Theme, copy and paste the following code in your custom_function.php file.

function no_home_post_nav() {

if (is_home())

remove_action('thesis_hook_after_content', 'thesis_post_navigation');

}

add_action('thesis_hook_before_content','no_home_post_nav');

19. How to remove Previous and Next Links on Single post?

To remove Previous and Next Links on Single post in Thesis Theme, go to Thesis Design option. In design option, go to Posts section. Under posts section remove tick mark as per below image.

single-prev-next-links

single-prev-next-links

20. How to customize single post Previous and Next Links?

To customize Previous and Next Links in Thesis Theme, copy and paste the following code in your custom.css file.

.post_nav .previous {

font-size: 14px;

letter-spacing: 0;

margin-bottom: 0.55em;

padding-left: 5px;

text-transform: none;

}

.prev_next p {

font-size: 14px;

letter-spacing: 0;

line-height: 2.2em;

padding-left: 5px;

text-transform: none;

}

.post_nav a {

font-size: 1em;

line-height: 1.571em;

}

21. How to hide comments on all pages in Thesis Theme?

To hide comments on all pages in Thesis Theme, go to Thesis Theme Design option. In Design option, go to Display option. Under Display option go to comments section, then click on that check box as per below image.

hide-comments

Hide-comments

22. How to hide “Comments on this entry are closed.” this message in Thesis Theme?

To hide “Comments on this entry are closed.” this message in Thesis Theme, go to Thesis Theme Design option. In Design option, go to Display option. Uunder Display option go to comments section, then remove tick mark on that check box as per below image.

closed-message

Closed-message

23. How to remove {0 comments} this Comments link on Home page in Thesis Theme?

To remove {0 comments} this comments link on home page in Thesis Theme, copy and paste the following code in your custom_function.php file.

remove_action(‘thesis_hook_after_post’, ‘thesis_comments_link’);

24. How to remove {0 comments} this comment brackets on home page in Thesis Theme?

To remove {0 comments} this comment brackets on home page in Thesis Theme, copy and paste the following code in your custom_function.php file.

function my_skin_comments_link($link) {

return "$link";

}

remove_filter('thesis_comments_link', 'default_skin_comments_link');

add_filter('thesis_comments_link', 'my_skin_comments_link');

25. How to change the “{0 comments}” message as Be the first comment on Home page in Thesis Theme?

To change the “{0 comments}” message as Be the first comment on Home page in Thesis Theme, copy and paste the following code in your custom_function.php file.

function my_comments_link() {

if (!is_single() && !is_page()) {

echo '<p><a href="';

the_permalink();

echo '#comments" rel="nofollow">';

comments_number(__('Be the first comment', 'thesis'), __('<span>1</span> comment', 'thesis'), __('<span>%</span> comments', 'thesis'));

echo '</a></p>';

}

}

remove_action('thesis_hook_after_post', 'thesis_comments_link');

add_action('thesis_hook_after_post', 'my_comments_link');

In above code, you can add your own words, instead of “Be the first comment”.

26. How to customize “{1 comment… read it below or add one}” this comment intro message in Thesis Theme?

To customize “{1 comment… read it below or add one}” this comment intro message in Thesis Theme, copy and paste the following code in your custom.css file.

To customize comment number, copy and paste the following code in your custom.css file.

.comments_intro span {

color: #BB0000;

}

To customize comment intro bracket, copy and paste the following code in your custom.css file.

.comments_intro span.bracket {

color: #000000;

}

To customize comment intro message, copy and paste the following code in your custom.css file.

.comments_intro p {

color: #FF0000;

font-size: 1.2em;

line-height: 1.833em;

}

To customize comment intro message link, copy and paste the following code in your custom.css file.

.comments_intro a {

color: #F69E20;

}

27. How to remove comment intro message in Thesis Theme?

To remove comment intro message in Thesis Theme, copy and paste the following code in your custom_function.php file.

function remove_comments_intro($content) {

$content = '';

return $content;

}

add_filter('thesis_comments_intro', 'remove_comments_intro');

28. How to change the “reply” text on comment in Thesis Theme?

To change the “reply” text on comment in Thesis Theme, copy and paste the following code in your custom_function.php file.

function custom_comment_reply($content) {

$content = str_replace('Reply', 'Click here to Reply this comment ', $content);

return $content;

}

add_filter('comment_reply_link', 'custom_comment_reply');

In above code, you can add your own words, instead of “’Click here to Reply this comment”.

29. How to add shadow for post and page Title in Thesis Theme?

To add shadow for post and page Title in Thesis Theme, copy and paste the following code in your custom.css file.

.headline_area h1, .headline_area h2{

text-shadow: 2px 2px 2px #555555;

}

30. How to add video in Thesis Theme Multimedia box?

To add video in Thesis Theme Multimedia box , go to Thesis Theme Design option. In Design option, go to Multimedia Box option. Under Multimedia Box option go to Default settings section, then click on that drop down menu and select embed video option, then add video code as per below image.

MM-Box-embed-video

MM-Box-embed-video

31. How to add any custom code in Thesis Theme Multimedia box?

To add any custom code in Thesis Theme Multimedia box , go to Thesis Theme Design option. In Design option, go to Multimedia Box option. Under Multimedia Box option go to Default settings section, then click on that drop down menu and select custom code option, then add custom code as per below image.

MM-Box-custom-code

MM-Box-custom-code

32. How to show Multimedia box in Thesis Theme Home page only?

To show Multimedia box in Thesis Theme Home page only, go to Thesis Theme Design option. In Design option, go to Multimedia Box option. Under Multimedia Box option go to Default settings section, then click on that drop down menu and select Do not show option, then copy and paste the following code in your custom_function.php file.

function enable_mmbox_home_only() {

global $thesis_design;

if (is_home())

$thesis_design->multimedia_box['status'] = "custom";

}

add_action('thesis_hook_before_html','enable_mmbox_home_only');

33. How to add Google webmasters site verification code in Thesis Theme?

To add Google webmasters site verification code in Thesis Theme, go to Thesis Theme Site option. In Site option, go to Stats Software/Scripts option. Under Stats Software/Scripts option add site verification code as per below image.

Add-verification-code

Add-verification-code

34. How to disable or remove sidebar in Thesis Theme Home page only?

To disable or remove sidebar in Thesis Theme Home page only, copy and paste the following code in your custom_function.php file.

function no_sidebars() {

if (is_home())

return false;

else

return true;

}

add_filter('thesis_show_sidebars', 'no_sidebars');

function home_body_class($classes) {

if (is_home()) {

$classes[] .= 'home';

}

return $classes;

}

add_filter('thesis_body_classes', 'home_body_class');

Then copy and paste the following code in your custom.css file.

.custom.home #content {

width: auto;

}

.custom.home #content_box {

background: none;

}

35. How to choose Full-width framework in Thesis Theme?

To choose Full-width framework in Thesis Theme, go to Thesis Theme Design option. In Design option, go to Site layout option. Under Site layout option go to HTML framework option, then click on that check box as per below image.

Thesis-full-width-framework

Thesis-full-width-framework

36. How to choose Page framework in Thesis Theme?

To choose Page framework in Thesis Theme, go to Thesis Theme Design option. In Design option, go to Site layout option. Under Site layout option go to HTML framework option, then click on that check box as per below image.

Thesis-page-framework

Thesis-page-framework

37. How to remove wordpress admin link on footer in Thesis Theme?

To remove wordpress admin link on footer in Thesis Theme, go to Thesis Theme Design option. In Design option, go to Display option. Under Display option go to Administration option, then remove tick mark on that check box as per below image.

remove-admin-link

remove-admin-link

 

If you want to learn Thesis Theme more, then try with our Thesis Designer Guide.

If you like above tips, share with your friends…

Check our Thesis Skins.

{ 2 comments… add one }

Leave a Comment

  • Hep Tasarim December 7, 2011, 7:18 AM

    I could’nt understand what the thesis theme is. Is this a wordpress theme you developed or another ? Please may you explain that.

    Reply
  • Sandeep February 5, 2012, 1:06 PM

    do you have a tutorial on how to remove date from serp’s using the thesis theme… is there a change to be made in custom.fuctions..

    Would appreciate if you could let me know

    Reply