Shopping Cart (0)

While our Greyzed theme was originally released a long time ago, it remains incredibly popular – with a huge number of downloads from WordPress.org, and countless WordPress.com bloggers using it as their template of choice.

Since so many of you love Greyzed so much, we thought we’d show you a little love in helping you customize some of the colours, making it feel a bit more your own.

Firstly, we’re using the up to date version of Greyzed, found here at eFrog – which apart from code updates, also gives includes the PSD, as well as support in our forums. And it’s only $5!

Getting started

Open up the included psd. You will need a version of Adobe Photoshop to do this, although you could also use Adobe Fireworks in a pinch. Use the text tool then use it to select the text in the post heading.

Use the colour picker to change the red to something else. We’re going to use a cool blue/grey just to make a change.

Note the highlighted hex value #65b4c5. Select that value, and copy it.

The Stylesheet

Next, create a copy of your stylesheet (style.css in your theme folder) just in case you want to restore your changes. Then open up the original one with any plain text editor if don’t have a HTML or CSS editor. Search the file for all instances of the value #cc0000 (thats the red), and then replace those with your new colour (in this case #65b4c5).

We’re almost there!

We just have to add a slightly darker shade for two more elements. Those are the dropdown menus, and the “search this site” text. So using the colour picker in Photoshop again, I selected a slightly darker shade of the blue (which is #599caa), and replaced the #ad0000 in .menu-header ul ul li a:hover and the #990000 in input.search-field.

Save the style.css file, upload and replace, then check out your changes!

Comments

Leave a Comment

(required)

(required, not shown)

TimThumb not displaying images? Let’s fix that!

If you've noticed that a number of images aren't displaying correctly ... Read more

George has something new to show you

Hello tadpoles! We're as happy and excited as a dog with two tails, to tell you about the latest theme from the team around the pond. It's called Cohesion, and we like to think of it as "a socially-engaged business theme". Read more

Creating a useful 404 page – for both your visitors and yourself

Having a creative 404 page is always fun. Site developers end up spend... Read more

Adding a Tweet Box to your site

Both Windows and Mac are integrating social media platforms more and m... Read more

Valentines Giveaway: Win a copy of our new gorgeous theme – Occasions

Love is in the air, and lucky for you frogs aren't immune to Cupid's m... Read more

eFrog News Categories

Browse our themes