IThemes Codex - Changes related to "Builder" [en]

BuilderChild-Noise

2013-05-23T03:18:47Z

Added == How to make entry box below post titles look simpler ==

BuilderChild-Air

2013-05-20T02:25:38Z

Added == How to have logo at left and navigation menu at right ==

BuilderChild-Essence

2013-05-16T12:21:12Z

Classic Essence and Essence Builder child theme:

BuilderChild-Book-Nook

2013-05-16T03:38:34Z

How to set up homepage to look like demo site:

@@ Line 121: / Line 121: @@
 .loop-calendar {
 	clear: both;
+}
 </pre>

← Older revision		Revision as of 02:25, May 20, 2013
Line 60:		Line 60:
	If you would like to do the same in other views like Archives or Search, edit the [http://codex.wordpress.org/images/1/18/Template_Hierarchy.png appropriate files].		If you would like to do the same in other views like Archives or Search, edit the [http://codex.wordpress.org/images/1/18/Template_Hierarchy.png appropriate files].

−	== ~~Item 4~~ ==	+	== How to have logo at left and navigation menu at right ==
		+
		+	[[File:WordPress Dev Site 2013-05-20 07-52-04.png\|800px\|thumb\|none]]
		+
		+	'''1.''' Create a HTML module and paste this code in the textarea:
		+
		+	<pre class="brush: php; gutter: false;">
		+	<div id="logo"><a href="<?php bloginfo('url'); ?>"><img src="<?php bloginfo( 'stylesheet_directory' ); ?>/images/logo.png" alt="Home" /></a></div>
		+
		+	<div class="my-menu-container"><?php wp_nav_menu( array( 'menu' => 'Primary', 'menu_class' => 'builder-module-navigation') ); ?></div>
		+	</pre>
		+
		+	Set <code>Enable PHP</code> to <code>Yes</code>.
		+
		+	[[File:Screen Shot 2013-05-20 at 7.50.56 AM.png\|595px\|thumb\|none]]
		+
		+	Upload your logo to child theme's images directory and replace "logo.png" in the above code with the name of your logo image.
		+
		+	Also change "Primary" in the above code to the name of custom menu at Appearance -> Menus that you wish to appear in the nav bar.
		+
		+
		+	'''2.''' Add the following at the end of child theme's <code>style.css</code> (WP dashboard -> Appearance -> Editor):
		+
		+	<pre class="brush: css; gutter: false;">
		+	#logo {
		+	float: left;
		+	}
		+
		+	.my-menu-container {
		+	float: right;
		+	}
		+	</pre>
		+
		+	[Optional] Also add this CSS to reduce the extra space above and below the content of our HTML module:
		+
		+	<pre class="brush: css; gutter: false;">
		+	.builder-module-2 {
		+	padding-top: 1em !important;
		+	}
		+
		+	.builder-module-2 .builder-module-element {
		+	margin-bottom: 1em !important;
		+	}
		+	</pre>
		+
		+	Change the number <code>2</code> in ".builder-module-2" above to the position of module from the top in layout.

@@ Line 25: / Line 25: @@
 </pre>
-== Item 3 ==
+== Classic Essence and Essence Builder child theme ==
 == Item 4 ==

← Older revision		Revision as of 03:38, May 16, 2013
(One intermediate revision by one user not shown)
Line 10:		Line 10:

	== How to set up homepage to look like demo site ==		== How to set up homepage to look like demo site ==
		+
		+	Update on Thursday, May 16, 2013: [http://demos.ithemes.com/book-nook/ Book Nook demo site] PSDs can be downloaded from the link in [http://ithemes.com/forum/topic/30883-book-nook-buttons-and-ads/#entry194318 this] forum post.

	'''1.''' Create Pages. This will help in setting up nav bar since Pages will be listed in the next step.		'''1.''' Create Pages. This will help in setting up nav bar since Pages will be listed in the next step.