How to fade an element with CSS and jQuery
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...
View ArticleClik here to view.
How to tweak style code blocks in WP Code Highlight
I love the WP Code Highlight plugin by BoLiQuan. It brings well deserved colour to code blocks wrapped in PRE tags. I use them a lot, but until I discovered this plugin they all looked grey and bland....
View ArticleHow to style block quotes in P2
I’ve just snazzed up the blockquotes styling on a couple of my P2 sites and thought I’d share the code that did it. Here’s an example of the final result in P2: This is a block quote. You can create...
View ArticleClik here to view.
How to replace and add HTML text elements with CSS
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...
View ArticleClik here to view.
How to target a specific row in a table via CSS
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...
View ArticleExcellent visual gradient generator for your own CSS…
Excellent visual gradient generator for your own CSS classes http://www.colorzilla.com/gradient-editor/
View ArticleClik here to view.
How to use the new Apple System Font SAN FRANCISCO on your website
Apple have a new System Font in El Capitan and all of their other products starting 2015: it’s called San Francisco. It’s very similar to their previous font Helvetica Neue, but apparently San...
View ArticleClik here to view.
How to change fonts in TwentyFifteen by Automattic
TwentyFifteen uses the Noto Serif font. It looks swish and comes with an Apache license, and it can be pulled from Google Fonts too. It’s a fine font indeed – but individuals that we are, it may not be...
View ArticleClik here to view.
How to centre an element in CSS
In the olden days of HTML development, in the late 90ies, we only had inline styles. Centring an element was done using the <center> property. That approach isn’t very elegant anymore in modern...
View ArticleClik here to view.
How to embed your latest YouTube Video with responsive CSS
I’ve recently had to update the code that’s responsible for pulling in my latest YouTube upload on the front page. I had previously used a solution that uses the channel name rather than the channel...
View Article
