css - Category Archive

2018 Website Design Trend – Knockout Backgrounds

Example of Knockout Backgrounds from Unmapped Brewing

Website design is a constantly changing field. What’s popular one year might be completely dead the next. Technologies come and go (anyone remember Flash?), and the devices people use to access the web change.And so here at PageCrafter, we are extremely interested in anticipating upcoming trends, and even in trying to create them ourselves. Enter: the Knockout Background.What are Knockout … Read More

Making Section Full Height in X Theme

Making full-height intro sections is awesome. And it’s easy! Many of the demos of X Theme take advantage of full-height sections but they never really explain how. If you’ve searched their forums, you’ll find that they used Revolution Slider to do it, but honestly that’s not nearly as good of a solution as what we’re going to do! You’re probably … Read More

“In Pieces” Website Review

If you are a fan of beautiful animations and rare animals, you are going to love this one. In addition to being a super awesome website built with modern web standards, all of the animation work is also done entirely in CSS. Besides being very difficult and impressive, this also means that the animations themselves are able to be fully … Read More

Responsive Width Element with Padding – CSS How-to

Padding Extends Beyond Parent Element

Have you ever had an element in your responsive website design which needed some padding, but you couldn’t add it because it broke the design? There’s a solution to that problem. Normally, the element in question will just add padding to the outside of itself, often expanding well beyond the space it is supposed to take up. But there is … Read More

Easily Add Social Media Follow Buttons to Theme – WordPress

Social Media Follow Buttons for Facebook and LinkedIN

If you are like me, you frequently need to be able to easily add social media follow buttons directly to your WordPress theme. You could, of course, hard-code them, but you are still going to have to find the images and add all that markup to get it looking good. There is an easy way! With the Social Media Feather … Read More

CSS3 Transition for Border Not Working

The US/Mexico Border

So you are trying to use some CSS3 markup to make a border appear in transition when you hover over your link or other element. But it just shows up instantly! This is something I have run into many times, and for some reason no one on the whole internet gives a clear explanation for it. Until today! Why isn’t … Read More

Padding or Margin Only Affects First Line of Text – CSS

A common problem when formatting your website with CSS is that the first line of text in a paragraph, header, or link is affected by margin or padding while the remaining lines are not. It may even appear as though the first line is indented in some cases while none of the others are. Solution for padding or margin only … Read More

Use Responsive CSS to Remove Admin Bar in WordPress

If you want to remove the Admin Bar in WordPress using only CSS, there is a very easy way to do it. You can even make it responsive, so that it will display or be hidden depending on the size of the screen. Additionally, you won’t need to edit any of the core WordPress files, you will only need to … Read More

How to Use Responsive Background Image Sprites – CSS Tutorial

At one time or another, you may have found yourself wanting to use sprites in your responsive website design. While at first this may seem like a very simple task, in reality it’s a little more difficult of a challenge. It can, however, be done. Here’s how! This trick is fully supported by all modern browsers other than IE 8 … Read More