Community

Customizing the WordPress Menu with Custom Classes

by 3 Responses

The standard menu in WordPress, while powerful and easy to add onto almost any theme, leaves a bit to be desired when it comes to styling.

Not to mention, the built-in WordPress menu classes can be quite confusing. There’s menu-item-type-taxonomy, current-menu-parent, current-menu-ancestor, and a whole bunch of other confusion selectors you can choose from to make styling your menu about as fun as pulling out your hair.

A standard WordPress menu looks like this:

Gray bar with a darker gray hover. Not too much to look at right?

custom-menu-classes-featured-image

Read more »

Tutorials

Adding Custom Fonts to WordPress with @Font-Face and CSS

by 8 Responses

If you have started to edit the CSS of your WordPress theme you probably know that you can change your font style of any site element by using the font-family selector. For instance, to change your site’s title font, you might use the following code inside the theme style.css file:

1

#site-title a {font-family:georgia;}

Easy right? Sure…but what if the font you want to use isn’t included in the list of available fonts with the standard WordPress installation.

Add custom fonts to wordpress with @font-face and CSS

Read more »

Themes

Customize Your Visual Editor With A Simple Function

by Leave a comment

Did you know that you can easily edit your Visual Editor to look exactly like your published article? All it takes is one simple piece of code in our functions.php file.

—
Customize Your Visual Editor
Open up your themes functions.php file and add this snippet of code anywhere, preferably near the top:

add_editor_style();

This tells your Visual Editor to load by default an editor-style.css file, if it’s present. If it does not find it within your theme files, it won’t load anything.

style-the-visual-editor-in-wordpress

Read more »