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
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. Dan Eden on Twitter Hat-tip to: Maykel Loomans
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,…
Cool online CSS button prototyping tool and code generator: CSSButton Specific use of CSS Button on BodyConceptions.com/contact:
Ultimate CSS Gradient Generator from ColorZilla A powerful Photoshop-like CSS gradient editor from ColorZilla.
Problem: Menu button’s hover background is 50% transparent (this is good). But it also makes the text inside the menu button 50% transparent (this is bad). Desired result: Text inside the button should remain solid-colored when the button’s hover background is 50% transparent. Solution (maybe?): Maybe this will keep the text solid-colored while the menu button’s hover…
http://line25.com/articles/using-css-text-shadow-to-create-cool-text-effects …six text effects of vintage/retro, inset, anaglyphic, fire and board game in the demo, then copy the code snippets below to use the effects in your own designs. Needless to say you’ll need a text-shadow supporting browser (Safari, Chrome, Firefox) to see them in all their glory.
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