Default WordPress Generated CSS Cheat Sheet for Beginners

[updated_on]
Share this post:
Share on facebook
Share on twitter
Share on reddit
Share on linkedin
Share on pinterest
Share on digg
Share on stumbleupon
Share on pocket
Share on email
Share on print

Default WordPress themes can be a lifesaver, a way to learn, a way to make sure a theme you’re releasing has all the elements included, elements that allow the theme to be further stylized. Therefore, using a few CSS sheet theme cheats can be the way to go if you want to quickly add different default styling to your theme.

We’ll cover the cheat codes separately, for each class.

Default Body styles:

CSS targeting in order to customize your WP website is a lifesaver, as it can manage a lot of detailed, finely grained, specific elements via new classes. What a class is, in terms of how it’s coded, is a tag that specifies different relative and non-relative parameters for the displaying of visual elements. The Default body styling for instance is expressed as:

As an example, if you’d like to use a paged category, you’d have to add this class in the file (category-paged) and have this as an option available.

Post File defaults

The post file defaults are categories that target class elements, basically in a similar way as body elements. Both of them are dynamic and can be used or not.

Here’s a couple of the most widely used:

In order to attach dynamic classes to a post, WP uses the post_class() function to select the format of the post itself. The format is a two parameter sequence – the format and the type, where the type can be an image type, a gallery, a page post, etc.

Here’s a few examples:

Default Menu Styles

You can also define menus as classes of their own, with their own particulars of styling;

Here’s an example:

Default WordPress Widget Styles

If you’re using widgets, and chances are you’re using at least a few, you might want to have a few different options for styling them. Here are a few to use:

A good idea is to use different classes of styles in your sheet with commas between them to save time.

Comments Form Styles

You may also want to get your comments section to a default style, as it can be quite tricky to define your own styling.  Here’s a few options:

These are some of the most useful classes you can use and the defaults can also be tweaked if you want to, though they’re pretty “welcoming” as they are. Use the ones you find the most useful for your website(s).

Code Sources: WordPress Default Stylesheet

Share on facebook
Share on twitter
Share on linkedin
Share on pinterest
Share on email

Leave a Comment

Your email address will not be published. Required fields are marked *

Do NOT follow this link or you will be banned from the site!