ThemeShaper Forums » Thematic

[closed]

How to make a Minimalist Thematic Child Theme

(4 posts)
  • Started 1 year ago by barefootford
  • Latest reply from helgatheviking
  • This topic is resolved
  1. A few months ago Kathy from the forums here (#Helgatheviking) or (https://twitter.com/#!/Kathy_Darling) helped me customize my child theme to cut down on some of the stuff we wouldn't be using.

    We took out categories, tags, the author, borders and the header to make a very clean, minimalist looking theme. The final product is clean and can be adjusted quickly with images/colors to look very distinct. It's served us well and I wanted to make it available to you guys incase you wanted something similar. Of course, if you do use the code we'd love a link back to http://ANewBike.com , but it's not necessary. (We're using Thematic for a bike blog where we tell short bicycle stories.)

    Anyway, here it is in Style.css and functions.php:

    af

    --------------------------------------------
    
    Style.css text:
    
    /*
    Theme Name: anewbike
    Description: A Child Theme of thematic
    Template: thematic
    */
    @import url(../thematic/style.css);
    #access {
        border-bottom:1px solid #ccc;
        height:5px;
        font-size:13px;
        overflow:visible;
        z-index:100;
    }
    
    #primary { border: none;}
    
    #footer {
        border-top:1px solid #ccc;
        margin-top:5px;
    }
    #blog-title {
        font-family:Arial,sans-serif;
        font-size:60px;
        font-weight:medium;
        line-height:60px;
    }
    .skip-link {
        display:none;
    }
    #access {
        border-bottom:1px solid #ccc;
        height:10px;
        font-size:13px;
        overflow:visible;
        z-index:100;
    }
    /*** ESSENTIAL STYLES ***/
    .sf-menu, .sf-menu * {
        margin:         0;
        padding:        0;
        list-style:     none;
    }
    .sf-menu {
        line-height:    0;
    {
    #branding {
        padding:20px 0 20px 0;
    }
    
    #main
    .entry-title {
        font-family:Arial,sans-serif;
        font-size:34px;
        font-weight:bold;
        line-height:26px;
        padding:0 0 7px 0;
    }
    
    }
    li.content-column {
        float:left;
        margin-right:15px;
        width:100%;
    }
    
    #secondary {
    	font-size: 3em;
    	}

    -------------------------------------------

    Functions.php text:

    <?php
    //removes everything from the #header div
    function kia_empty_header(){
    	remove_action('thematic_header','thematic_brandingopen',1);
    	remove_action('thematic_header','thematic_blogtitle',3);
    	remove_action('thematic_header','thematic_blogdescription',5);
    	remove_action('thematic_header','thematic_brandingclose',7);
    	remove_action('thematic_header','thematic_access',9);
    }
    add_action('init','kia_empty_header');
    //removes author and meta-seperator from post meta
    function childtheme_override_postheader_postmeta() {
    	$postmeta = '<div class="entry-meta">';
    	$postmeta .= thematic_postmeta_entrydate();
    	$postmeta .= thematic_postmeta_editlink();
    	$postmeta .= "</div><!-- .entry-meta -->\n";
    	return $postmeta;
    }
    //totally removes categories from the post footer
    function childtheme_override_postfooter_postcategory(){
    	//sound of one hand clapping
    }
    //totally removes tags from the post footer
    function childtheme_override_postfooter_posttags(){
    	//sound of one hand clapping
    }
    ?>
    Posted 1 year ago #
  2. Also, thanks a bunch to HelgaTheViking for the help.

    Posted 1 year ago #
  3. Way awesome guys!!! I love it and will definitely use it.

    I just picked up a client that wants this same minimalist approach for her website/blog. So this is perfect timing.

    Posted 1 year ago #
  4. i like it... it almost looks a bit like tumblr. i'd only consider updating the thematic typography, but that's b/c i am bored with it and want to liven it up.

    i'm really enjoying this:
    http://fluidbaselinegrid.com/

    Posted 1 year ago #

RSS feed for this topic

Topic Closed

This topic has been closed to new replies.