This week I needed to make use of another CSS Pseudo element which is – like many of its colleagues – a rather sharp tool in the CSS toolbox. I was using the eMember plugin for a membership site and wanted tweak the signup form. By default it looks like this (I’ve already removed a … Read more
In some circumstances you may can replace HTML text elements via CSS. This is useful if you don’t have access to the source files, or if you want to override text in a Child Theme’s stylesheet. There are several approaches to this conundrum, I’ll show you two of them. Both require that you have a … Read more
I keep forgetting where and how to find this feature. Turns out the Command menu gives us such features: Commands – Apply Source Formatting (to Selection) Applies the correct indentations to the entire file, or your selection only. It’s the equivalent of Xcode’s “Editor – Structure – Re-Indent”. To manually move blocks of code, select … Read more
You can hide and show DOM elements in CSS as well as jQuery. But you can also combine the effects and create very elegant presentations with ease. Let’s consider my own ID named #myown. Once styled to look ravishing, I’ll set it to disappear via this bit of CSS: #myown { /* my styles go … Read more
Sometimes you want to add your own DOM element to an existing class or ID. For example, maybe you’d like to insert something like a header advert into an existing theme without having to hack core files. jQuery makes this possible. You can either add your own element to the beginning or the end of … Read more
Did you know that with CSS 3 you can load custom true type fonts and use them on your website? It’s relatively simple to do too. First you define a new font face with a URL to your file, then you call it just like you would call a pre-defined font. In this example I’m … Read more
Fantastic CSS Border Radius generator for all browsers by @jacob Bijani
Centering text in CSS is relatively easy. All you do is add the “text-aling: center” property. If you’ve ever tried this with anything that isn’t text you’ll have noticed that this approach doesn’t work. Instead, display your class as a block, then set the margins to auto. You also need to specify a width so … Read more
