BuilderChild-Blueprint - Revision history

Sridhar: Added = How to show links to previous and next posts in single post pages =

2012-08-02T06:01:01Z

Added = How to show links to previous and next posts in single post pages =

Sridhar: /* Blueprint 2.0.0 and above */

2012-07-18T11:47:11Z

Blueprint 2.0.0 and above

Sridhar: /* How to get Flexx style date */

2011-08-08T08:32:09Z

How to get Flexx style date

Sridhar: /* Introduction */

2011-07-30T06:18:52Z

Introduction

Sridhar: /* Introduction */

2011-07-30T06:06:51Z

Introduction

Sridhar: Added = How to get Flexx style date =

2011-07-02T03:41:33Z

Added = How to get Flexx style date =

Sridhar: Added "How to fix dropdown menus appearing behind slideshow"

2011-04-20T01:32:57Z

Added "How to fix dropdown menus appearing behind slideshow"

Sridhar: Added "How to remove spacing between modules"

2011-03-16T09:38:33Z

Added "How to remove spacing between modules"

Sridhar: Added "How to remove the spacing between modules"

2011-02-28T03:17:20Z

Added "How to remove the spacing between modules"

Sridhar: Added "How to make nav bars go full width"

2011-02-27T01:50:16Z

Added "How to make nav bars go full width"

@@ Line 526: / Line 526: @@
 .blog .post-title, .archive .post-title, .single .post-title {
 	padding-top: 4px;
+}
 </pre>

@@ Line 402: / Line 402: @@
 	display: block;
 	width: 69px; height: 75px;
-	background: url(images/date.png) no-repeat;
+	background: url('images/date.png') no-repeat;
 	text-align: center;
 	color: #FFF;

← Older revision		Revision as of 08:32, August 8, 2011
Line 347:		Line 347:

	= How to get Flexx style date =		= How to get Flexx style date =
		+
		+	== Blueprint 2.0.0 and above ==
		+
		+	<u>Before</u>: [[File:Blueprintnew-flexx-date-before.png]]
		+
		+	---
		+
		+	<u>After</u>: [[File:Blueprintnew-flexx-date-after.png]]
		+
		+	'''1.''' Download wp-content/themes/Builder/extensions/old-extensions.zip. Extract the contents, upload old-extensions/blog/images/date.png to wp-content/themes/BuilderChild-Blueprint/images
		+
		+	'''2.''' Edit child theme's index.php.
		+
		+	Replace
		+
		+	<pre class="brush:php;">
		+	<!-- title, meta, and date info -->
		+	<div class="entry-header">
		+	<h3 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
		+	<div class="entry-meta author-meta">
		+	<?php printf( __( 'by %s', 'it-l10n-BuilderChild-Blueprint' ), '<span class="meta-author">' . builder_get_author_link() . '</span>' ); ?>
		+	</div>
		+	<div class="entry-meta date">
		+	<span class="month"><?php the_time( 'F' ); ?></span>
		+	<span class="day"><?php the_time( 'j' ); ?><span class="day-suffix"><?php the_time( 'S' ); ?></span><span class="day-comma">,</span></span>
		+	<span class="year"><?php the_time( 'Y' ); ?></span><br />
		+	</div>
		+	</div>
		+	</pre>
		+
		+	with
		+
		+	<pre class="brush:php;">
		+	<!-- title, meta, and date info -->
		+	<div class="entry-header">
		+	<div class="entry-meta date">
		+	<div class="month"><?php the_time( 'M' ); ?></div>
		+	<div class="day"><?php the_time( 'd' ); ?></div>
		+	</div>
		+
		+	<h3 class="entry-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
		+	<div class="entry-meta author-meta">
		+	<?php printf( __( 'by %s', 'it-l10n-BuilderChild-Blueprint' ), '<span class="meta-author">' . builder_get_author_link() . '</span>' ); ?>
		+	</div>
		+	</div>
		+	</pre>
		+
		+	Make similar change in other child template files like archive.php and single.php, if needed.
		+
		+	'''3.''' Add the following at the end of child theme's style.css:
		+
		+	<pre class="brush:css;">
		+	.blog .post .date {
		+	display: block;
		+	width: 69px; height: 75px;
		+	background: url(images/date.png) no-repeat;
		+	text-align: center;
		+	color: #FFF;
		+	float: left;
		+	margin-right: 0.7em;
		+	}
		+	.blog .hentry .entry-meta.date {
		+	margin-top: 0;
		+	}
		+	.blog .post .date .month {
		+	font-size: 16px;
		+	line-height: 32px;
		+	text-transform: uppercase;
		+	}
		+	.blog .post .date .day {
		+	font-size: 35px;
		+	line-height: 35px;
		+	}
		+
		+	.blog .entry-title {
		+	clear: none;
		+	}
		+
		+	.blog .entry-title a {
		+	padding-left: 0;
		+	}
		+
		+	.blog .entry-title, .archive .entry-title, .single .entry-title {
		+	padding-top: 4px;
		+	}
		+	</pre>
		+
		+	== Blueprint 1.0.3 and below ==

	<u>Before</u>: [[File:Blueprint-flexx-date-before.png]]		<u>Before</u>: [[File:Blueprint-flexx-date-before.png]]

← Older revision		Revision as of 06:18, July 30, 2011
Line 4:		Line 4:

	[http://demos.ithemes.com/blueprint/ Live Demo]		[http://demos.ithemes.com/blueprint/ Live Demo]
		+
		+	You can either import the Blueprint demo site content and layouts & views into your existing site or follow the manual steps given below this section.
		+
		+	'''Demo site Export''':
		+
		+	* [http://ithemes.com/builder/child-themes/blueprint/blueprint.wordpress.2011-07-30.xml All Content]
		+	* [http://ithemes.com/builder/child-themes/blueprint/builder-export-blueprint-layouts-views-settings.zip Layouts and Views, Theme Settings]
		+	* [http://ithemes.com/builder/child-themes/blueprint/builder-export-blueprint-layouts-views.zip Layouts and Views only]'''
		+
		+	'''Manual Steps''':

	Activate Blueprint child theme at Themes -> Appearance.		Activate Blueprint child theme at Themes -> Appearance.

@@ Line 3: / Line 3: @@
 ==Introduction==
-[http://demos.ithemesbuilder.com/blueprint/ Live Demo]
+[http://demos.ithemes.com/blueprint/ Live Demo]
 Activate Blueprint child theme at Themes -> Appearance.

← Older revision		Revision as of 03:41, July 2, 2011
Line 335:		Line 335:

	Source: http://ithemes.com/forum/index.php?/topic/13530-menu-bar-drop-downs-behind-slideshow-on-blueprint-builder-theme/#p63252		Source: http://ithemes.com/forum/index.php?/topic/13530-menu-bar-drop-downs-behind-slideshow-on-blueprint-builder-theme/#p63252
		+
		+	= How to get Flexx style date =
		+
		+	<u>Before</u>: [[File:Blueprint-flexx-date-before.png]]
		+
		+	---
		+
		+	<u>After</u>: [[File:Blueprint-flexx-date-after.png]]
		+
		+	'''1.''' Copy wp-content/themes/Builder/extensions/blog/images/date.png to wp-content/themes/BuilderChild-Blueprint/images
		+
		+	'''2.''' Edit child theme's index.php.
		+
		+	Replace
		+
		+	<pre class="brush:php;">
		+	<!-- title, meta, and date info -->
		+	<div class="title clearfix">
		+	<div class="post-title">
		+	<h3 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
		+	</div>
		+
		+	<div class="author-meta">
		+	<?php printf( __( 'by %s', 'it-l10n-BuilderChild-Blueprint' ), '<span class="meta-author">' . builder_get_author_link() . '</span>' ); ?>
		+	</div>
		+
		+	<div class="post-meta">
		+	<span class="month"><?php the_time( 'F' ); ?></span>
		+	<span class="day"><?php the_time( 'j' ); ?><span class="day-suffix"><?php the_time( 'S' ); ?></span><span class="day-comma">,</span></span>
		+	<span class="year"><?php the_time( 'Y' ); ?></span><br />
		+	</div>
		+	</div>
		+	</pre>
		+
		+	with
		+
		+	<pre class="brush:php;">
		+	<!-- title, meta, and date info -->
		+	<div class="title clearfix">
		+
		+	<div class="date">
		+	<div class="month"><?php the_time( 'M' ); ?></div>
		+	<div class="day"><?php the_time( 'd' ); ?></div>
		+	</div>
		+
		+	<div class="post-title">
		+	<h3 id="post-<?php the_ID(); ?>"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
		+	</div>
		+
		+	<div class="author-meta">
		+	<?php printf( __( 'by %s', 'it-l10n-BuilderChild-Blueprint' ), '<span class="meta-author">' . builder_get_author_link() . '</span>' ); ?>
		+	</div>
		+
		+	</div>
		+	</pre>
		+
		+	Make similar change in other child template files like archive.php and single.php.
		+
		+	'''3.''' Add the following at the end of child theme's style.css:
		+
		+	<pre class="brush:css;">
		+	.post .date,
		+	.page .date {
		+	display: block;
		+	width: 69px; height: 75px;
		+	background: url(images/date.png) no-repeat;
		+	text-align: center;
		+	color: #FFF;
		+	float: left;
		+	margin-right: 0.7em;
		+	}
		+	.post .date .month,
		+	.page .date .month {
		+	font-size: 16px;
		+	line-height: 32px;
		+	text-transform: uppercase;
		+	}
		+	.post .date .day,
		+	.page .date .day {
		+	font-size: 35px;
		+	line-height: 35px;
		+	}
		+
		+	.post-title h3 {
		+	clear: none;
		+	}
		+
		+	.post-title a {
		+	padding-left: 0;
		+	}
		+
		+	.blog .post-title, .archive .post-title, .single .post-title {
		+	padding-top: 4px;
		+	}
		+	</pre>

← Older revision		Revision as of 01:32, April 20, 2011
Line 323:		Line 323:
	}		}
	</pre>		</pre>
		+
		+	= How to fix dropdown menus appearing behind slideshow =
		+
		+	Add the following at the end of child theme's style.css:
		+
		+	<pre class="brush:css;">
		+	.builder-module-navigation-blue {
		+	opacity: 1;
		+	}
		+	</pre>
		+
		+	Source: http://ithemes.com/forum/index.php?/topic/13530-menu-bar-drop-downs-behind-slideshow-on-blueprint-builder-theme/#p63252

@@ Line 9: / Line 9: @@
 == Home Layout ==
 Go to My Theme -> Layouts. Duplicate "960 Home" as say, "Home". If you have deleted the stock "960 Home" layout, create a new one and ensure that its width is 960px. Set this as default layout (for now). Hide widget areas of all other layouts.
 [[Image:Home-layout.png]]
@@ Line 264: / Line 264: @@
 Forum thread: http://ithemes.com/forum/index.php?/topic/11588-nav-bar-styling-with-blueprint-child-theme/
-= How to remove the spacing between modules =
+= How to remove spacing between modules =
 Add the following at the end of your theme's style.css:
@@ Line 272: / Line 272: @@
      margin-top: 0 !important;
      margin-bottom: 0 !important;
+}
 </pre>

← Older revision		Revision as of 03:17, February 28, 2011
Line 263:		Line 263:

	Forum thread: http://ithemes.com/forum/index.php?/topic/11588-nav-bar-styling-with-blueprint-child-theme/		Forum thread: http://ithemes.com/forum/index.php?/topic/11588-nav-bar-styling-with-blueprint-child-theme/
		+
		+	= How to remove the spacing between modules =
		+
		+	Add the following at the end of your theme's style.css:
		+
		+	<pre class="brush:css;">
		+	.builder-module-outer-wrapper {
		+	margin-top: 0 !important;
		+	margin-bottom: 0 !important;
		+	}
		+	</pre>

@@ Line 180: / Line 180: @@
 // add_image_size('front-page-thumbnail', 150, 150, true);
 </pre>
 = How to have shorter nav bars =