Americana - Revision history

Sridhar: /* How to Prevent Comments Graphic From Cutting off Date Graphic */

2013-03-09T02:06:52Z

How to Prevent Comments Graphic From Cutting off Date Graphic

Sridhar: Added = How to prevent Comments graphic from cutting off date graphic =

2013-03-09T02:04:25Z

Added = How to prevent Comments graphic from cutting off date graphic =

Ronald: /* Introduction */

2012-11-13T18:57:12Z

Introduction

Sridhar: Added =Americana Interstate PSD files=

2012-01-16T05:28:04Z

Added =Americana Interstate PSD files=

Sridhar: Added = How to change footer from full width to layout width =

2011-07-06T01:45:04Z

Added = How to change footer from full width to layout width =

Sridhar: Added = How to use Flexx style date image and categories =

2011-06-30T06:35:59Z

Added = How to use Flexx style date image and categories =

Sridhar: Added =How to set blue background for image module=

2011-06-29T07:56:24Z

Added =How to set blue background for image module=

Sridhar: Added "How to remove stars from widget titles"

2011-06-05T07:25:34Z

Added "How to remove stars from widget titles"

Sridhar: /* Module 2 */

2011-06-01T04:27:14Z

Module 2

Darrendenham: /* Module 6 */ clarified the location of the widget bar module

2011-03-21T21:19:31Z

Module 6: clarified the location of the widget bar module

← Older revision		Revision as of 02:06, March 9, 2013
Line 459:		Line 459:

	[[File:Screen Shot 2013-03-09 at 7.04.57 AM.png\|502px\|thumb\|none]]		[[File:Screen Shot 2013-03-09 at 7.04.57 AM.png\|502px\|thumb\|none]]
		+
		+	Forum Topic: http://ithemes.com/forum/topic/39685-comment/

	= How to replace comments graphic with simple text and add categories =		= How to replace comments graphic with simple text and add categories =

← Older revision		Revision as of 02:04, March 9, 2013
Line 440:		Line 440:

	If you would like to do the same in category and archive pages, edit archive.php similarly.		If you would like to do the same in category and archive pages, edit archive.php similarly.
		+
		+	= How to Prevent Comments Graphic From Cutting off Date Graphic =
		+
		+	For posts that have very short content in them like just a line or two, the date will be hidden by Comments graphic like this:
		+
		+	[[File:Screen Shot 2013-03-09 at 7.28.25 AM.png\|496px\|thumb\|none]]
		+
		+	Add the following at the end of child theme's <code>style.css</code> (WP dashboard -> Appearance -> Editor):
		+
		+	<pre class="brush:css; gutter: false;">
		+	.blog .entry-content,
		+	.archive .entry-content {
		+	min-height: 60px;
		+	}
		+	</pre>
		+
		+	so it becomes
		+
		+	[[File:Screen Shot 2013-03-09 at 7.04.57 AM.png\|502px\|thumb\|none]]

	= How to replace comments graphic with simple text and add categories =		= How to replace comments graphic with simple text and add categories =

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

← Older revision		Revision as of 05:28, January 16, 2012
Line 120:		Line 120:

	[[Image:Name-graphic-americana.png\|200px\|none]]		[[Image:Name-graphic-americana.png\|200px\|none]]
		+
		+	=Americana Interstate PSD files=
		+
		+	Header image PSD can be downloaded from [http://cl.ly/26351q1A3g2x1H0g1U28 here].
		+
		+	The font used for "INTERSTATE" in the logo is Bebas which can be downloaded free from [http://www.dafont.com/bebas.font here].

	=How to customize the VOTE, DONATE and VOLUNTEER images=		=How to customize the VOTE, DONATE and VOLUNTEER images=

@@ Line 615: / Line 615: @@
 .builder-module-sidebar h4.widget-title:before {
      content: url('images/star.png');
+}
 </pre>

← Older revision		Revision as of 06:35, June 30, 2011
Line 526:		Line 526:

	If you would like to do the same in category and archive pages, edit archive.php similarly.		If you would like to do the same in category and archive pages, edit archive.php similarly.
		+
		+	= How to use Flexx style date image and categories =
		+
		+	<u>Before</u>: [[File:Americana-flexxdate-categories-before.png]]
		+
		+	---
		+
		+	<u>After</u>: [[File:Americana-flexxdate-categories-after2.png]]
		+
		+	'''1.''' Copy wp-content/themes/Builder/extensions/blog/images/date.png to wp-content/themes/BuilderChild-Americana/images
		+
		+	'''2.''' Edit child theme's index.php.
		+
		+	Replace
		+
		+	<pre class="brush:php;">
		+	<div class="post-meta">
		+	<span class="month"><?php the_time( 'M' ); ?></span><br />
		+	<span class="day"><?php the_time( 'j' ); ?></span>
		+	</div>
		+	</pre>
		+
		+	with
		+
		+	<pre class="brush:php;">
		+	<div class="date">
		+	<div class="month"><?php the_time( 'M' ); ?></div>
		+	<div class="day"><?php the_time( 'd' ); ?></div>
		+	</div>
		+	</pre>
		+
		+	and replace
		+
		+	<pre class="brush:php;">
		+	<?php do_action( 'builder_comments_popup_link', '<span class="comments">', '</span>', __( '%s', 'it-l10n-BuilderChild-Americana' ), __( '0', 'it-l10n-BuilderChild-Americana' ), __( '1', 'it-l10n-BuilderChild-Americana' ), __( '%', 'it-l10n-BuilderChild-Americana' ) ); ?>
		+	</pre>
		+
		+	with
		+
		+	<pre class="brush:php;">
		+	<?php do_action( 'builder_comments_popup_link', '<span class="comments">', '</span>', __( '%s', 'it-l10n-BuilderChild-Americana' ), __( '0', 'it-l10n-BuilderChild-Americana' ), __( '1', 'it-l10n-BuilderChild-Americana' ), __( '%', 'it-l10n-BuilderChild-Americana' ) ); ?>
		+	<span class="categories"><?php printf( __( 'Categories : %s', 'it-l10n-BuilderChild-Americana' ), get_the_category_list( ', ' ) ); ?></span>
		+	</pre>
		+
		+	'''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.8em;
		+	}
		+	.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;
		+	}
		+
		+	.meta-bottom {
		+	margin-top: 0;
		+	}
		+
		+	.builder-module-content .builder-module-element-outer-wrapper.left .meta-bottom .comments {
		+	margin-top: -66px;
		+	}
		+	</pre>

	= How to remove stars from widget titles =		= How to remove stars from widget titles =

@@ Line 135: / Line 135: @@
 # http://ithemes.com/forum/index.php?/topic/9420-americana-theme-how-do-i-get-away-from-fixed-width-layout/#p44290
 # http://ithemes.com/forum/index.php?/topic/10030-modification-to-americana-theme/#p47025
 =How to stop the navigation module from stretching full width=

← Older revision		Revision as of 07:25, June 5, 2011
Line 476:		Line 476:

	If you would like to do the same in category and archive pages, edit archive.php similarly.		If you would like to do the same in category and archive pages, edit archive.php similarly.
		+
		+	= How to remove stars from widget titles =
		+
		+	Comment out or delete the following from style.css:
		+
		+	<pre class="brush:css;">
		+	.builder-module-sidebar h4.widget-title:before {
		+	content: url('images/star.png');
		+	}
		+	</pre>

@@ Line 25: / Line 25: @@
 The module below the HTML module is a Navigation module. If you would like to display links to Pages in your site as menu items in the nav bar, this module should be set as "Builder Settings Pages" type. The list of Pages that should appear as menu items in this setting can be controlled by going to My Theme -> Settings.
-If you would like to display a special character like ★ to the left of menu item as in the demo site, go to Appearance -> Menus. Create a custom menu there with your desired links. The special character can be typed in the Label field when adding a custom link. To use this custom menu in the nav bar, the navigation module's type should be set to "Custom Menu - ''<name of your menu>''".
+If you would like to display a special character like ★ to the left of menu item as in the demo site, go to Appearance -> Menus. Create a custom menu there with your desired links. The special character can be pasted in the Label field when adding a custom link. To use this custom menu in the nav bar, the navigation module's type should be set to "Custom Menu - ''<name of your menu>''".
 Leave the Style dropdown at Default.

@@ Line 81: / Line 81: @@
 ==Module 6==
-This should be a Widget Bar module with 2 widgets.
+This should be a Widget Bar module with 2 widgets. On the page, this module's content will be displayed directly above the footer.
 Widget Widths: 30% / 70%