Kadence WP – Remove Column From Content Flow On Mobile

Goals: 1) On desktop, laptop, tablet: fill screen with 2 columns (that have unique content in each column). 2) On mobile phone: display only 1 column (and its content) and remove the other column (and its content) from the content flow. The final CSS that accomplishes the goal The desktop layout is made using the…

| | |

CSS URL Path to Background Image / or ./ or ../ or ../../

I always forget the CSS URL path to background images. Thanks TechGnome from the WordPress.org Support Forums. If the path to CSS (or any file for that matter) leads off with the / that means go to the root and begin look there. A single DOT in front of the slash means look in current dir, and…

| |

[FIX] SlideDeck Text Ruined by PlatformPro Theme

Problem: PlatformPro WordPress theme is overriding SlideDeck’s font style, making all of SlideDeck’s text italic. (shakes fist). Solution: Add reset CSS to the PlatformPro child theme’s stylesheet to allow SlideDeck’s text to function normally. Add the following CSS to the style.css file in PlatformBase (PlatformPro’s child theme): More styling options: How to Create Beautiful Content Slider…

| | |

WordPress Child Theme – Split Twenty Ten Header into 3 Sections

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: Center navigation for PlatformPro framework

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 – CSS Sticky Footer

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

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