BuilderChild-Thinner

From IThemes Codex
Revision as of 18:30, August 24, 2011 by Sridhar (Talk | contribs)
Jump to: navigation, search

Contents

How to get sliding images on Posts listing page

Thinner child theme includes Featured Image Slider extension which is what is being applied for the layout used by the homepage at Thinner's demo site.

Screenshot: http://ithemes.com/codex/images/8/83/Thinner-slider-extn-after.png

Featured Image Extension displays Featured Image & Post Title of first 6 posts in a custom slider and the Featured Image, Post Title & Excerpt for the remaining posts. Therefore you should edit the posts whose featured images you would like to be displayed in the slider and add featured images in all of them.

Follow these steps to get a working slider on your site's homepage:

1. Ensure that there is a separate layout to be used for homepage. Edit this layout and apply "Featured Image Slider" extension.

Slider-extn-home-layout.png

2. Add a view associating Home view with the layout set aside for homepage.

Set-view-to-layout.png

This extension can be any applied to a layout or view for listing pages like the Homepage (where posts appear by default) or Posts page or archive page or category page.

How to move wide featured image above the content in single posts to right side with content wrapping around

1. Edit lib/image-sizes.php in child theme.

Change

	add_image_size( 'singular-alternate-image', 650, 200, true );

to say,

	add_image_size( 'singular-alternate-image', 300, 200, true );

where 300 and 200 are your desired max width and height values for the featured image.

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

.single .entry-image img {
    width: auto;
}

.single .entry-image {
	float: right;
	margin-left: 1em;
}

Item 3

Item 4

Personal tools
Namespaces
Variants
Actions
iThemes Codex
Codex Navigation
Toolbox