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…
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…
WP Supersized full screen background slideshow Problem: Black band on left-hand side of screen on iPad, iPhone, Mac Safari and Mac Chrome. Solution: The below CSS from Mark Shirley
Problem: Full-width logo spills out over right side of header Solution*: Add this CSS to Child Theme’s custom.css file: *Source: How to Center Logo in WooThemes Canvas
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 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…
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…
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 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
Change Primary Nav text color from its default grey (#777777) to Black. Add the follow CSS to the PlatformBase Child Theme: /* Change Primary Nav text to black. */ #primary-nav a { color:#000000; } File: root/wp-content/themes/platformbase/base.css