Twenty Eleven Child theme Archives

PSD to WordPress Child Theme – Body Conceptions

ByReid Walley August 10, 2012September 22, 2016

PSD-to-WordPress conversion via WP Twenty Eleven child theme. (Two notes: 1) I produced about 70% of this site on The New iPad (v3). 2) This post is more for my own notes rather than a tutorial, so there may be small gaps in the knowledge.) Client: Body Conceptions by Mahri Relin Website design: Brad Egnor…

CSS | jQuery | Twenty Eleven Child theme | WordPress

How to: Add jScrollPane Scrollbars to WordPress Twenty Eleven Child Theme

ByReid Walley August 10, 2012

Overview: Add iFrame-like scrolling to content, but only on specific pages Solution: Create Page template and add jScrollPane jQuery Live example: jScrollPane jQuery scrollbars on Body Conceptions 1. Download jScrollPane – Cross-browser styleable scrollbars with jQuery and CSS 2. Place Script and Style folders in child theme folder 3. Copy header.php file from Twenty Eleven,…

Twenty Eleven Child theme | WordPress | WordPress Child Theme | WordPress Photo Gallery | WordPress plugins

FIX for NextGEN Gallery thumbnails not displaying properly in IE8

ByReid Walley July 16, 2012

Problem: On IE8, NextGEN Gallery thumbnails are either missing completely or the thumbnails are all squeezed together. WordPress theme: Twenty Eleven child theme. Solution*: I added the following code to my child theme’s CSS: These pixel amounts are specifically for my needs. Make sure the height and width is the same as in Gallery >…

Twenty Eleven | Twenty Eleven Child theme | WordPress | WordPress Child Theme | WordPress CSS

Create Child Theme for Twenty Eleven – Resources

ByReid Walley June 22, 2012

Creating a Simple Child Theme Using Twenty Eleven Move menu bar above header in Twenty Eleven WordPress Twenty Eleven CSS Style Sheet Modification. Change Site Title, Description, Post Title, Comments, Menus, Sidebar and More

Twenty Eleven | Twenty Eleven Child theme | WordPress | WordPress Child Theme

WP Twenty Eleven – Remove White Space At Top Of Page

ByReid Walley November 2, 2011

Goal: Remove white space from top of page (between top of header and top of page). Solution: Add the following to Child theme’s style.css file: /* Remove white space between top of header and top of page */ #page { margin-top: 0; } Let’s also remove the gray line at the top of the header….

Twenty Eleven | Twenty Eleven Child theme | WordPress | WordPress Child Theme | WordPress Widgetizing

WP Twenty Eleven – Custom Header Widget & Header Color

ByReid Walley November 1, 2011

Goal: Add Social Media Widget‘s social media icons into Header area Solution: Replace WP Twenty Eleven’s search box with a Widget area, but still display the search box when no Widget is used. Reference (from WP Tuts Plus): Creating a Simple Child Theme Using Twenty Eleven includes instructions on how to add a widget to…

Twenty Eleven Child theme | WordPress | WordPress Child Theme

WP Twenty Eleven – Header Image Only On Home Page

ByReid Walley October 31, 2011

Goal: Display header image only on Home page (WP Twenty Eleven) and no header images on any other pages/posts Details: Rotating images in header on Home page, via WP Rotator plugin Solution: Use Conditional Tags in header.php: File: header.php (Copy & paste header.php from Twenty Eleven parent folder to Twenty Eleven Child folder) Replace (lines…

Twenty Eleven Child theme | WordPress | WordPress functions file

WP Twenty Eleven – Add Responsive Image Rotator to Header

ByReid Walley October 30, 2011

Goal: Rotating images, in WP Twenty Eleven’s child theme header, that are also “responsive” (they shrink to different device sizes): WP Rotator plugin (to add rotating images) Flex Slider for WP Rotator plugin (to make the rotating images “responsive”) – Turns WP Rotator into a fully “responsive” jQuery slider – MUST have WP Rotator installed…