Builder Child Theme: Adept

From iThemes Codex
Jump to: navigation, search

Builder child theme Adept Live Demo

How to make text appear for site title

Adept's style.css sets a image (images/logo.png) as background for site title (.builder-module-header .site-title). If you would like to have your site's title appear instead of the image, add the following at the end of child theme's style.css:

.builder-module-header .site-title {
    background: none;
    text-indent: 0;
    width: auto;
    height: auto;
    font-size: 2.3em;
    margin-bottom: 10px;

.site-tagline {
    margin-left: 5px;

Sample before and after:


Font used in demo site's header image

The font used in Adept demo site's header, Liberator can be downloaded from here.

How to add show number of comments below post title


1. Edit child theme's content.php.


<?php edit_post_link( 'Edit', ' <span class="">· ', '</span>' ); ?>
								<?php do_action( 'builder_comments_popup_link', '<span class="comments right">', '</span>', __( 'Comments %s', 'it-l10n-BuilderChild-Adept' ), __( '(0)', 'it-l10n-BuilderChild-Adept' ), __( '(1)', 'it-l10n-BuilderChild-Adept' ), __( '(%)', 'it-l10n-BuilderChild-Adept' ) ); ?>


<?php printf( __( 'by %s', 'it-l10n-BuilderChild-Adept' ), '<span class="author">' . builder_get_author_link() . '</span>' ); ?>

The first line in the code being added causes a Edit link to appear. If you do not wish to have it, do not add that line.

2. Repeat the above in content-single.php.

How to display featured image in single post pages


1. Copy wp-content/themes/Builder/extensions/post-teasers-left/images/no-feature-image.jpg to wp-content/themes/BuilderChild-Adept/images

2. Edit child theme's content-single.php.


<?php the_content( __( 'Read More→', 'it-l10n-BuilderChild-Adept' ) ); ?>


<?php if ( has_post_thumbnail() ) : ?>
	<a href="<?php the_permalink(); ?>" class="teasers-thumb-wrapper">
		<?php the_post_thumbnail( 'it-teaser-thumb', array( 'class' => 'alignleft teaser-thumb' ) ); ?>
<?php else : ?>
	<?php edit_post_link( '<img width="150" height="200" src="' . get_bloginfo( 'stylesheet_directory' ) . '/images/no-feature-image.jpg" class="alignleft teaser-thumb no-thumb" />', '<div class="teaser-thumb-wrapper">', '</div>' ) ; ?>
<?php endif; ?>