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,…

Read More

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

Read More

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.…

Read More

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…

Read More

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…

Read More