I seem to be doing alot of work with the Gravity Forms plugin for WordPress at present. I love the flexibility of Gravity Forms and have installed it on several hundred websites for all sorts of uses from basic contact forms to Mailchimp integrated subscribe forms to complex quoting calculators. … [Read more...] about Make Gravity Forms $ sign smaller
Fix CSS rotate not working
I sure hope that this helps someone as this was really bugging me. I was using CSS transform property to rotate text and the text just wasn't rotating as it should have. My CSS looked like Eventually I came across the solution which is to use the CSS display property with a value of inline-block. … [Read more...] about Fix CSS rotate not working
Why you must use tables … for email newsletters
Some clarity is needed. HTML Tables should only ever be used for tabular data and not for pure presentational purposes (that's what CSS is for). Well, that's according to HTML5 and best practice standards for website design. When creating an email marketing campaign however just forget about best … [Read more...] about Why you must use tables … for email newsletters
How to use lettering.js in WordPress
I had a need on a WordPress website to style the fifth letter of a specific word. In CSS there is no pseudo selector or otherwise that allows us to do this. We have, in CSS, pseudo-classes such as :nth-child but this doesn't allow for targeting a specific letter in a word. There are also various … [Read more...] about How to use lettering.js in WordPress
Canvas Theme – add full width background image
A colleague had an interesting request; show a full width image as the background on the home page using the WordPress Canvas Theme (by WooThemes). The Page content, header, menu and footer areas not to display the background image. The Theme was set to use the full width layout (as opposed to the … [Read more...] about Canvas Theme – add full width background image
Using CSS wildcards with WordPress
I was working with a fairly badly coded WordPress theme recently. The client wanted to use a specific webfont purchased from MyFonts.com in place of the default font-family. The theme had various options to use the usual web-safe fonts in addition to various Google Fonts (which I love). In themes … [Read more...] about Using CSS wildcards with WordPress
How to use Font Awesome in an unordered list
John K asked in the comments on our article on using Font Awesome in CSS lists "Can you please give a fill working example using a full css solution to creating an unordered list using glyphicons or font awesome. I am particularly interested how to reference a particular icon font from within a … [Read more...] about How to use Font Awesome in an unordered list
How to add icons to a Genesis menu
Using CSS and a good icon font it's simple to add an icon before the active menu item in Genesis framework WordPress themes. As an example I may want to add an arrow before the active navigation item. The instructions on how to do this follow (we use the CSS3 ::before pseudo-element in the examples … [Read more...] about How to add icons to a Genesis menu
How to center Gravity Forms
Have you ever wanted to center align fields in a WordPress Gravity Forms plugin form? It can take alot of trial and error to get the form fields and the submit button to be aligned in the center of the page or widget or wherever else you are showing your form. The last thing you want to do is to try … [Read more...] about How to center Gravity Forms