Tag: CSS
Where to Add Custom CSS in WordPress

There will be times when you are working on a WordPress site when you want to add custom CSS.
CSS Grid Generator

Frequent readers my recognize me as the not-great-at-CSS person here at WPShout. So for me, this Interactive CSS Grid Generator from Layoutit! is just such a welcome relief. I can (and have) learned all the different bits of markup and orders for different CSS grid properties. But I also ALWAYS have to look them up when I want to use them.Which one goes first? What’s that one actually called? All those sorts of questions.
How to Create a WordPress Theme from Scratch

When it’s time to choose a WordPress theme for your website, you have tons of options. Perhaps the most powerful is to forego the readymade themes on the market and build your own. Building your own theme puts you in complete control when it comes to looks and functionality. It can take your project up to that next level. That’s why today, we’re going to show you how to create a WordPress theme from scratch.
Using the CSS3 vh (viewport-height) Unit

I’ve recently fallen in love with the CSS3 vh property. (vh stands for “viewport-height.”) It lets you make things a certain percentage of the height of your browser window itself—whether that “viewport” is a tablet screen, a phone screen (in portrait or landscape), a laptop, a desktop, a smart fridge(?), or what have you.
A Complete Guide to Flexbox

If you’re still hesitant to learn CSS’s Flexbox module, today’s the day. This Flexbox guide from CSS-Tricks is so beautifully clear and so visual that, in my experience, Flexbox almost learned itself—you just need to point your open eyes toward the screen.
Delving Further Into WordPress Website Accessibility

So you’ve read Eric Karkovack’s post on WordPress accessibility, and now you want to make future sites you work on accessible. Great!
How to Fine-Tune Your Existing WordPress Website for Accessibility

Building websites that are accessible to all users has become a major focus of our industry. Not only do we need to ensure that our creations look great on different browsers and devices, but they also need to work well with assistive technologies like screen readers.
How to Minify and Combine CSS and JS with Autoptimize

To concatenate and minify your CSS and JavaScript is good advice for speeding up your site. There are lots of ways to do it, but the best we’ve found in WordPress is a plugin called Autoptimize.
How to Prevent Browser Caching of a CSS Stylesheet in WordPress

This video and text Quick Guide explains how to prevent browser caching of CSS files in WordPress. The CSS cache busting tricks here will work outside WordPress, too: you’ll just need your own method of adding query strings.
Properly Add Custom JavaScripts and Styles to Pages in WordPress

This article covers how to include custom JavaScript and CSS files in WordPress. It’s a chapter from our outstanding WordPress course, Up and Running. If you want to become a knowledgeable WordPress developer, Up and Running is your best, clearest route to getting there.