BuilderChild-Traverse

From IThemes Codex
(Difference between revisions)
Jump to: navigation, search
m
m (How to set up Slideshow like in the demo site)
 
(2 intermediate revisions by one user not shown)
Line 25: Line 25:
 
.builder-module .nivoSlider {
 
.builder-module .nivoSlider {
 
margin-left: 0;
 
margin-left: 0;
margin-bottom: 15px;
+
margin-bottom: 0 !important;
 
}
 
}
 
.builder-module .nivo-controlNav {
 
.builder-module .nivo-controlNav {
Line 32: Line 32:
 
     right: 0;
 
     right: 0;
 
     top: 0;
 
     top: 0;
     width: 260px;
+
     width: 260px !important;
 
     text-align: center;
 
     text-align: center;
 
     z-index: 0;
 
     z-index: 0;
Line 39: Line 39:
 
     display: block;
 
     display: block;
 
     margin-right: 0;
 
     margin-right: 0;
 +
    vertical-align: top;
 
}
 
}
 
.builder-module-3 .builder-module-element {
 
.builder-module-3 .builder-module-element {
Line 49: Line 50:
 
If Slideshow is not being used in all the layouts, replace ".builder-module-3" with the ID of the HTML module in which we placed the Slideshow.  Ex.: "#builder-module-4eb9ec0eb3ede". See [http://ithemes.com/codex/page/Builder_CSS_Guide#To_target_a_specific_module this] for more info.
 
If Slideshow is not being used in all the layouts, replace ".builder-module-3" with the ID of the HTML module in which we placed the Slideshow.  Ex.: "#builder-module-4eb9ec0eb3ede". See [http://ithemes.com/codex/page/Builder_CSS_Guide#To_target_a_specific_module this] for more info.
  
= Item 2 =
+
= How to show excerpts instead of full posts =
 +
 
 +
Edit content.php.
 +
 
 +
Change
 +
 
 +
<pre class="brush:php;">
 +
<?php the_content( __( 'Read More&rarr;', 'it-l10n-BuilderChild-Traverse' ) ); ?>
 +
</pre>
 +
 
 +
to
 +
 
 +
<pre class="brush:php;">
 +
<?php the_excerpt(); ?>
 +
</pre>
  
 
= Item 3 =
 
= Item 3 =
  
 
= Item 4 =
 
= Item 4 =

Latest revision as of 06:59, June 7, 2012

Traverse Demo Site

Contents

How to set up Slideshow like in the demo site

Traverse-slideshow.jpg

1. Install and activate iThemes Slideshow plugin.

2. Go to DisplayBuddy -> Slideshow in WP dashboard. Create a new group named say, "Front Page Slider".

Use the following settings:

Traverse-slideshow-settings.png

Upload your images.

3. Copy shortcode to display this slideshow. Ex.: [pb_slideshow group="0"]

4. Edit the layout(s) in which you want the slideshow to appear (typically this will be the layout set aside for front page), add a HTML module and paste the Slideshow shortcode in the text area. Save the layout(s).

5. Add the following at the end of child theme's style.css:

/** making the Nivo Slider from Slideshow look more like the theme */
.builder-module .nivoSlider {
	margin-left: 0;
	margin-bottom: 0 !important;
}
.builder-module .nivo-controlNav {
    margin-right: -260px;
    position: absolute;
    right: 0;
    top: 0;
    width: 260px !important;
    text-align: center;
    z-index: 0;
}
.builder-module .nivo-controlNav img {
    display: block;
    margin-right: 0;
    vertical-align: top;
}
.builder-module-3 .builder-module-element {
	box-shadow: #C5C1AF 10px 10px, #FFF9E2 -10px -10px;
}

In the above, change "3" in ".builder-module-3" to the position of HTML module having the slideshow from top.

If Slideshow is not being used in all the layouts, replace ".builder-module-3" with the ID of the HTML module in which we placed the Slideshow. Ex.: "#builder-module-4eb9ec0eb3ede". See this for more info.

How to show excerpts instead of full posts

Edit content.php.

Change

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

to

<?php the_excerpt(); ?>

Item 3

Item 4

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox