[idavinderParticipant Post count: 57]

Following should help:

http://www.basicwp.com/show-adsense-ads-within-wordpress-post/

http://www.basicwp.com/add-adsense-ads-genesis-single-posts/

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

Looks clean and focussed !

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

At two places you can configure media (images) size settings:

1. In WordPress dashboard goto Settings > Media

2. Goto Apperance > Edit and open functions.php file – then look for following code:

/** Add new image sizes */
add_image_size( 'home-bottom', 110, 110, TRUE );
add_image_size( 'home-middle-left', 280, 165, TRUE );
add_image_size( 'home-middle-right', 50, 50, TRUE );
add_image_size( 'home-tabs', 150, 220, TRUE );

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

Susna, Thanks for positive feedback. Website is still work in progress and yes timestamp is deliberate  :)

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

Once make above code changes, goto Apperance > Header and then uncheck “Show header text with your image”. It should work now.

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

Look following section in style.css file

/* Image Header – Partial Width
———————————————————— */

and then add following code for logo

<pre>/* Image Header - Partial Width
------------------------------------------------------------ */
.header-image #header #title-area {
 background: url(images/logo.png) left top no-repeat;
 }

.header-image #title-area,
.header-image #title,
.header-image #title a {
 display: block;
 float: left;
 height: 100px;
 overflow: hidden;
 padding: 0;
 text-indent: -9999px;
 width: 420px;
}

.header-image #description {
 display: block;
 overflow: hidden;
}

You can modify logo dimensions in above code. Name of the logo image is logo.png and add it to theme's images folder.

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

Did you delete existing image and re-upload it?

Alternatively, you can use ‘regenerate-thumbnails’ plugin for automatic re-creation of images of specified sizes.

http://wordpress.org/extend/plugins/regenerate-thumbnails/

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

Look for this code in your css file

http://demo.studiopress.com/eleven40/wp-content/themes/eleven40/style.css

.menu-primary a,
.menu-secondary a,
#header .menu a {
color: #333;
display: block;
font-family: ‘Oswald’, arial, serif;
padding: 10px 15px;
position: relative;
text-decoration: none;
}

Change color and font-family above

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

1. Like the logo header.

2. Sidebar is also good, however change color of text under “serious stuff”.

3. On single posts, either align comment form to center or padding more left padding.

4. You can also work more on design aspect of footer widgets.

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

For single posts you can use

.post h1 { color:#444; font-size:20px;}

for changing title of the article post.

 

For headlines within post, if using h2 wrap – then use following class

.post h2 { color:#444; font-size:20px;}

 

You can change the font styling as per requirement.

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

You can customize entire footer using last code on this http://my.studiopress.com/snippets/footer/ page.

If you do not want to play around with manual code, then you can make changes in footer using this plugin: http://www.studiopress.com/plugins/simple-edits

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

Open style.css file and look for following code

h1,
h2 {
background: none;
padding: 0 0 0 50px;
}

Change it to following:

h1,
h2 {
background: none;
padding: 0px;
}

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

You are welcome

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

Cheers!

---

Basic WordPress Tips | WordPress Design & Develop

[idavinderParticipant Post count: 57]

There are 9 more places where you need to change width setting from 960 to 900px. I have modified it, you can grab the final css code for 900px width from here - http://pastebin.com/PzXCRt5Y

---

Basic WordPress Tips | WordPress Design & Develop

[Author]

Posts