| | |

WordPress Child Theme – Split Twenty Ten Header into 3 Sections

ByReid Walley

WordPress version: 3.1.3 Parent theme: TwentyTen 1.2 We’re only splitting the Title section of the header into 3 parts: Logo GIF | Description GIF | Misc GIF. The Logo part is already finished (see: WordPress Child Theme – Add Logo to Twenty Ten Header). 1. Description GIF (middle part): needs to float-left, next to the…

| | | | | |

WordPress Child Theme – CSS Sticky Footer

ByReid Walley

1) Followed all of the instructions from CSS Sticky Footer. Then made the extra change, shown below, to my child theme’s footer.php file. For my WordPress TwentyTen child theme, in the footer.php file, I had to move the closing #wrapper DIV to just ABOVE the opening #footer DIV. Like so: 2) Add CSS for footer…

| | | | | |

WordPress Child Theme – Custom Sidebar on Home Page

ByReid Walley

Overview: We want an extra-wide custom sidebar just for the Home page. We also want the custom sidebar to have its own Widgets. We’ll create a Home page template, register new Widgets and add some new CSS for styling. Big thanks to DigitalRaindrops.net for their tutorials. Section 1 of 4: Template for the Home page Copy…

| | |

WordPress Child Theme – Change Navigation Menu Color

ByReid Walley

Goal: Change the site’s navigation menu color so it matches the color in the header graphic (which is purple). Section 1 of 2: To figure out the exact RGB or HEX of the color in the header graphic, we’ll use the ColorZilla Eyedropper plugin for FireFox. Section 2 of 2: Now we need to edit…

| |

WordPress Child Theme – Remove Title, Description, White Space, Black Lines in Header Section

ByReid Walley

WordPress Child Theme Case Study: 2020 Euro Lens Bath WordPress version: 3.1 WordPress Theme: Child Theme for Twenty Ten 1.2 Section 1 of 4 Copy header.php file to Child Theme folder Delete the following lines (approx 60-66) from header.php: Section 2 of 4 Let’s also remove 30px white space/gap between top of header art and…

| | | | | |

WordPress Child Theme – Case Study – 2020 Euro Lens Bath

ByReid Walley

Mission: Create e-commerce Website using WordPress Client: 2020 Euro Lens Bath Art director, re-branding manager & Website designer: Jay Miller Solution: Use WordPress for content management (CMS) Use GetShopped’s WP e-Commerce plugin for the shopping cart Customize WordPress’s default Twenty Ten 1.2 theme by creating a child theme