Claydell Media Theme

Thank you!

Hello! My name is Jamie Thompson. I am a WordPress theme designer, customiser and developer based in Marion, Illinois. I am proud to be a member of the WordPress community, a generous group of artist, coders and designers, freely sharing their ideas and creations with others.

My sincere thanks and gratitude to everyone who has supported me and the Claydell Media theme project. I am humbled to see that there are many websites using the Claydell Media WordPress theme template and to know that the WordPress community has embraced my work and appreciate my effort to serve up a little peace of my creativity in these days.

Claydell Media is a free WordPress theme built with Automattic’s _s ( i.e., Underscores ) theme. Claydell Media is my contribution to WordPress and a generous Open Source Community of creative coders, artists and many others.

Tweet me on twitter @jamiethompsn.

download claydell media

CSS3 box-shadow Property

The CSS3 box-shadow property is a great way to add visual interest to your web page without adding a lot of extra download time.

Supported Browsers


The box-shadow property is supported in IE9+, Firefox, Chrome, Opera, and
Safari 5.1.1.

Example 1 – Without image

Add a box-shadow to a div element.

Style the content and shadow.

#content #box-shadow {
    background-color: #FFCC66;
    box-shadow: 3px 3px 3px #888888;
    height: 77px;
    width: 281px;

Example 2 - With image

Add a box-shadow with image to a div element.

Leave a comment!

Style the content and shadow.

#content .box-shadow img {
    background-color: rgba(0, 0, 0, 0); /* transparent */
    box-shadow: 3px 3px 3px #888888;
    height: 77px;
    width: 281px;

Reference sites:

Target Internet Explorer (IE) 10 Specific Styles

I have been searching for a simple effective way to target IE 10 Specific Styles. While looking around on-line for some solutions, I discovered many smart ways of doing it that use jQuery or JavaScript.

My solution.

I found a media query that seems to work quite well at detecting IE 10 Specific Styles.

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
/* IE10+ specific styles go here */

I am curious as to what others’ have found as a solution. Leave a comment!



Add a Drop Down Indicator to Claydell Media


Place this code,

wp_nav_menu( array( 'walker' => new Claydell_Media_Page_Navigation_Walker ) );

in the header.php file just below this code,

wp_nav_menu( array( 'theme_location' => 'primary' ) );

The Walker Function

Add the code below to the functions.php file.

* Add a drop down sub-menu indicator with Walker_Nav_Menu.

class Claydell_Media_Page_Navigation_Walker extends Walker_Nav_Menu {
	function display_element( $element, &$children_elements, $max_depth, $depth=0, $args, &$output ) {
		$id_field = $this->db_fields['id'];
		if ( !empty( $children_elements[ $element->$id_field ] ) ) {
			$element->classes[] = 'claydell-media-menu-item-parent';
		Walker_Nav_Menu::display_element( $element, $children_elements, $max_depth, $depth, $args, $output );

Styling the Walker Sub-menu Indicator

Put this in the style.css file.

/* Walker Sub-menu Indicator */

.main-navigation .menu-item-has-children > a:after,
.main-navigation .page_item_has_children > a:after{
    content: url(images/darr.png);
	padding-left: 0.3125em;
	position: relative;
    top: -0.125em;
    vertical-align: 0;
.main-navigation ul ul .menu-item-has-children > a:after,
	.main-navigation ul ul .page_item_has_children > a:after {
    content: url(images/rarr.png);
	padding-left: 0.3125em;

Additional Resources for fundamental code explanation

Drop Down Menu Indicator:

Adding a sub-menu indicator to parent menu items:

Class Reference/Walker:


Ruth Packham Art Making

ruth Packham Ruth Packham studied Fine Art at Newcastle upon Tyne Polytechnic between 1989 and 1992. Ruth lives in Wales, by the sea in a small windy village called Borth with her two children, Freya and Isaac, her partner Ben and two cats, Shed and Pebble. There is a studio just outside her house where she can shut herself away and get on with work.

Ruth Packham’s Work

Ruth Packham’s work is mostly textile based, she has been screen printing textiles for a number of years now on a very small-scale and low tech basis.Ruth loves the patterns in nature and her large-scale screen prints tend to be bold and colorful, inspired by flowers and plants. Ruth also teaches screen printing from her studio and does outreach workshops with schools and other groups.

I love her clever use of color, all of her pieces reflect her intuitive ability to coordinate. The screen printed pictures are very appealing to the eyes as are the woven works. This is a great post displaying a variety of fine art. If you are an artist and want to view great inspirational art you should visit this Claydell Media theme powered site.


Ruth Packham shows her magical, functional and decorative pieces of Woven textile art at different events so check out her Happenings page to see what she is up to these days. She is on a mission to raise awareness about her work and I for one think that she is doing a great job. As artist and aspiring artist we need to support each other. So show a little love and make a purchase or at least visit Ruth’s website and leave a comment to let her know that she is doing something that is appreciated by the WordPress community artists and designers.

Visit Ruth Packham’s Website


Align Post Description Right

Hi Jamie, Nice theme – I’m in the process of using your template to build my site, and am wanting to move my sub-heading to be left-aligned rather than right aligned, but can’t figure out how to – could you let me know? Also, which twitter plug-in are you using? Many thanks. Richard.

Align Sub-heading in your Child-theme

Before you get started take a look at Why use a Child Theme?


text-align: center;

Change to

text-align: right;

For Twitter plugin see .


God Will Fight My Battles

Do not seek revenge or hold a grudge against anyone.

Psalm 59
New International Version (NIV)

For the director of music. To the tune of “Do Not Destroy.” Of David. A miktam. When Saul had sent men to watch David’s house in order to kill him.

1 Deliver me from my enemies, O God;
be my fortress against those who are attacking me.
2 Deliver me from evildoers
and save me from those who are after my blood.

3 See how they lie in wait for me!
Fierce men conspire against me
for no offense or sin of mine, Lord.
4 I have done no wrong, yet they are ready to attack me.
Arise to help me; look on my plight!
5 You, Lord God Almighty,
you who are the God of Israel,
rouse yourself to punish all the nations;
show no mercy to wicked traitors.

6 They return at evening,
snarling like dogs,
and prowl about the city.
7 See what they spew from their mouths—
the words from their lips are sharp as swords,
and they think, “Who can hear us?”
8 But you laugh at them, Lord;
you scoff at all those nations.

9 You are my strength, I watch for you;
you, God, are my fortress,
10 my God on whom I can rely.

God will go before me
and will let me gloat over those who slander me.
11 But do not kill them, Lord our shield,
or my people will forget.
In your might uproot them
and bring them down.
12 For the sins of their mouths,
for the words of their lips,
let them be caught in their pride.
For the curses and lies they utter,
13 consume them in your wrath,
consume them till they are no more.
Then it will be known to the ends of the earth
that God rules over Jacob.

14 They return at evening,
snarling like dogs,
and prowl about the city.
15 They wander about for food
and howl if not satisfied.
16 But I will sing of your strength,
in the morning I will sing of your love;
for you are my fortress,
my refuge in times of trouble.

17 You are my strength, I sing praise to you;
you, God, are my fortress,
my God on whom I can rely.



Twitter Timeline (Jetpack) Setup

First login to your twitter account.
Go to under the icon that looks like a gear.

Then click on ‘Widgets’. You need to click the ‘Create new’ button to create a new widget.

On the admin page of your WordPress website, activate the Twitter Timeline (Jetpack) widget by dragging it to the Main Sidebar Widget Area on the right. Inside the Twitter Embedded Timeline widget you should see ‘Widget ID: ( ? )’. widget-id Enter your widget id (the long number found in the URL of your widget’s config page) in the field below ‘Widget ID: ( ? )’.


‘Widget ID: ( ? )’ will appear in the box down on the lower right. Search the code until you find a long string of numbers labeled ‘data-widget-id=”158930088067705942″‘.

That should do it.

Quick Tip

Deactivate Jetpack for WordPress Sharing feature

1. Go to your Admin page.

2. To deactivate the Jetpack “Sharing” feature, click on the “Learn More” button and the “Deactivate” button will appear.

3. Click “Deactivate” and you’re done.


WordPress Contributors

WordPress exists because of a generous community of creative coders, artists and many other contributors.

One of the many contributors I’ve been following is Devin Price. I’ve followed Devin for a while now and thought that I would encourage you to check out his website, I came across Devin’s work while following the work of Ian Stewart over at Devin seems to be laid-back and easy going. I like his work and he seems to be self motivated and determined to succeed at his craft. Both Devin Price and Ian Stewart are moving forward and having good success with WordPress. I wish them both the very best as they continue to bring the WordPress community helpful tutorials, themes, plug-ins and more.

Devin is the author of Options Framework. A new beta release of the Options Framework (1.7) is available at GitHub for testing. There is also a Plugin version and theme version. This release improves styling for WordPress 3.8 and also has a fairly large code refactor to move all functions into classes.

Devin is a WordPress developer based in Austin, Texas. You can follow his projects on GitHub, and follow him @devinsays on twitter.


Easy Cobbler Dessert

Easy Cobbler

  • 2 cups mixed fresh berries or frozen berries
  • 1 cup sugar, divided
  • 4 tablespoons butter or margarine melted
  • 1/2 cup self-rising flour
  • 1/3 cup 2 percent reduced-fat milk

1. Preheat oven to 350° degrees.

2. Combine berries, 1/2 cup sugar and water in a medium saucepan. cook over medium heat until sugar dissolves and berries release their juices.
remove from heat.

3. Pour melted butter into 8 (6-ounce) ramekins or a 2-quart baking dish.

4. Combine remaining sugar, flour and salt in a medium bowl.
Stir in milk until well combined. Do not over-beat. Pour over batter. Do not stir. Spoon berries and juice over batter. Do not stir.

5. Bake 15 to 20 minutes for ramekins or 35 minutes for baking dish, until crust rises to top and browns. Serves 8.

Per serving: 390 calories, 12 grams fat, 30 milligrams cholesterol, 3 grams protein, 70 grams carbohydrates, 4 grams fiber, 370 milligrams sodium.

Recipe by Nancy Vienneau.

Note: ramekin is a small glazed ceramic or glass serving bowl used for baking and serving an individual portion of food.


Louisiana Artist Eddie Thompson

Shreveport Louisiana artist Eddie Thompson found his niche in graphic arts.

Eddie Thompson thought he knew what the future held for him.

“I was just going to graduate from high school and go to work at a local factory.”

But Thompson decided to put his God given talent to the test. “So, I went to college. I said if it didn’t work out, I could always go back to the factory.”

Thompson has freelanced for Campbell and Company, Baggett Advertising, John Martin Advertising, Smith and Associates and Ken Francis Advertising.

Thompson has won awards from Shreveport Advertising Federation.

While he remains somewhat modest about his success, Thompson said he still loves to draw as much now as he did growing up.

Visit the Thompson Graphic Design website