BuilderChild-Traverse
Contents |
How to set up Slideshow like in the demo site
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:
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(); ?>
