WordPress CSS

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…

Read More

WooThemes Canvas Customization Tips

Customize the Canvas Theme from WooThemes: 65 tips, tricks and CSS tweaks for Woothemes Canvas – PootlePress Simple but Effective CSS Hacks and Intermediate Hacks With functions.php: How to Create a Unique WordPress Website: 15 Top Hacks for Canvas – WooThemes

Read More

How to Add Custom Navigation Menus in WooThemes Canvas

How to add custom navigation menus in WooThemes Canvas, via Child Theme*. In this case, I wanted to add a menu in the footer and this tutorial is perfect. CSS for centering the footer menu (for Canvas v5.3.0 Child Theme): [css] /* Footer Menu styling. Source: http://woothemes.zendesk.com/entries/22533218-Add-Custom-Navigation-Menus-in-Canvas */ .custom-menu-location { margin-bottom: 20px; } /* Adding some…

Read More

Create Child Theme for Twenty Eleven – Resources

Creating a Simple Child Theme Using Twenty Eleven Move menu bar above header in Twenty Eleven WordPress Twenty Eleven CSS Style Sheet Modification. Change Site Title, Description, Post Title, Comments, Menus, Sidebar and More

Read More

How to Add Widgets to WooThemes Whitelight Home Page

NOTE: Since this post is from May 2012, the instructions may be out-of-date with current versions of WooThemes Whitelight and/or WordPress. Objective: Add 4 Widgetized areas, all in one row, just below the image slider on WooThemes Whitelight home page. Basic Method: Reference WooThemes “How to add a widgetized area to your theme” tutorial, as…

Read More

How to: Add Graphic to PageLines Branding Section

Goal: Have a graphic in PageLines Branding section and have it aligned with the bottom of the site logo, as well as aligned flush-right. PageLines Framework v2.1.3 WordPress v 3.3.1 1. Turn off RSS/social media icons: WP admin -> PageLines -> Settings -> Header And Footer -> UNtick “Display the Blog RSS icon and link?”…

Read More

How to: Custom WordPress Widget CSS Styling in Pagelines Framework 2.0

Goal: Custom Widget colors, text and rounded corners: Title: dark-blue background; bold, white font. Body: medium-blue background; rounded top-left/right corners. NOTE: these are only initial customizations. More is required. Solution: Add the following CSS to Child Theme stylesheet. [css] /* Widget Title: BG Color + Font */ h3.widget-title { background-color: #0B5487; /* Dark blue */…

Read More