| | | |

WordPress: Center navigation for PlatformPro framework

ByReid Walley

PlatformPro’s WordPress framework comes standard with flush-left navigation. We wanted the menu to be centered. We’re working with PlatformPro’s child theme, PlatformBase. WordPress version: 3.1.2 PlatformPro version: 1.3.5 PlatformBase version: 1.3.2 Add the following CSS to PlatformBase’s “base.css” file: #nav_row ul{padding-bottom:10px !important;float:none !important;text-align:center;} #primary-nav li{float:none !important;display:inline !important;} #primary-nav a{float:none !important;display:inline !important;} http://www.pagelines.com/forum/topic/5906 (must be logged…

| | | | | | | |

WordPress Child Theme – WP e-Commerce: Move Product Title to Description Column

ByReid Walley

Overview: Move Product Title from above the Product image, to above the Product details section. Note 1: WP e-Commerce version: 3.8; WordPress version: 3.1.1 Note 2: All of the WP e-Commerce theme files were first moved to the Child Theme folder via WP e-Commerce’s backup option. Solution: Move the H2 code from it’s current ImageCol…

| | | | | |

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 Plugin – Advanced Most Recent Posts Mod: Align Image Alongside Text

ByReid Walley

WordPress version: 3.1.1 Theme: PlatformPro 1.3.5 Child Theme: PlatformBase 1.3.2 Plugin: Advanced Most Recent Posts Mod 1.6.2 by Kailey Lampert Problem: the text lines up at the bottom of the image instead of “along side” the image. Solution: Add the following CSS to PlatformBase child theme’s base.css file: Original source: http://trepmal.com/plugins/advanced-most-recent-posts-mod/comment-page-1/#comment-764

| | | | | |

WordPress Child Theme – CSS How To: Align 3 DIVS (left/center/right) Inside Another DIV

ByReid Walley

Overview: The design spec calls for 3 bits of info to be displayed on the same line in the footer: Left side of footer: 2020 Euro Lens Bath (this is already a part of the WordPress system) Center of footer: the superior eyewear cleaning system (this text is added directly to the footer.php file) Right…

| | | | | |

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 – 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