David Yeiser

You could use custom fields, this post explains that well:

WordPress How-to: Custom Fields

Here’s one that may help:

Angsuman’s Authenticated WordPress Plugin

Well, one thing I noticed is there’s an extra space in your first <h3> tag.

And try removing the echo out of the PHP statement after the H3 tag.

OLD:
<?php echo get_category_link($cat->cat_ID); ?>

NEW:
<?php get_category_link($cat->cat_ID); ?>

This theme is set up with no font styles (aside from size). What you have to do is add the CSS to change the fonts from the browser defaults.

At the beginning of the theme after the summary comments I would insert the following:

body
{
font-family:Arial, Verdana, sans-serif;
}

So

...
AUTHOR: <a href="https://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="https://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/
/* MARGINS, PADDING, ETC., FOR ALL LAYOUT DIVS */
div#header {
	padding: 2em 0;
}
...

Becomes

...
AUTHOR: <a href="https://andy.wordpress.com/">Andy Skelton</a> &amp; <a href="https://www.plaintxt.org/">Scott Allan Wallick</a>
AUTHOR URI:
*/

body
{
font-family:Arial, Verdana, sans-serif;
}

/* MARGINS, PADDING, ETC., FOR ALL LAYOUT DIVS */
div#header {
	padding: 2em 0;
}
...

Also, a great CSS resource is Westciv’s CSS Guide.

I would recommend wrapping the image and caption in a div and then floating the entity as a whole.

XHTML:

<div class="image-caption">
<img class="image" src="image.jpg" />
<span class="caption">Image caption</span>
</div>

CSS:

.image-caption
{
display:inline;
float:left;
}

img.image
{
...
}

span.caption
{
display:block;
...
}

For further reading on the subject, Garret Dimon just wrote an article about it at Digital Web.

The problem is the way the CSS is set up to handle images by floating them.

How familiar are you with CSS?

A better way to remove the diamonds would be to change your CSS file rather than removing the <li> tags.

The way to do this would be to find where the <ul> is in the style.css file.

It probably looks something like this:

#sidebar ul
{
...
}

If that’s the case, you want to add this:

#sidebar ul
{
...

list-style:none;

...
}

Let me know if that solves the problem…

Lee,

I believe your problem is in the post titled “Introducing Circle Interview Series with interview of Margaret Carney, Case Architect”.

Was the process of writing this post similar to the others? Because in that one if you view the source you have a lot of <div align="left"> and <p align="left"> If you view the source in the other posts they don’t have these.

So what I think is happening is that these arbitrary <div> tags are inheriting properties from your style.css file and that is throwing your design out of alignment.

So having said all that, go into your WordPress admin and navigate to where you are editing the post in question. Replace everything in the Post box with the text only and then save it. See if that fixes your layout.

Let me know if this works because if it doesn’t then we can try a few more things.

Yeah, that’s what I recommend. It seems like the author of this theme needs to address some bugs and CSS/XHTML issues.

Here are a couple of themes to check out:
Hemingway
Chaotic Soul

Hemingway has white option, and Kyle Neath (the author) just had a contest for alternate styles of Hemingway. So there should be some more variety coming soon…

Whoops, sorry, double post.

Moshu,

The problem in question is why the text is aligned too far to the left. Not why it’s there. Please read the questions carefully.

bbrader,

Have you edited this theme much yourself?

Try adding this to your code/markup:


<style type="text/css" media="screen">
<?php
// Checks to see whether it needs a sidebar or not
if ( !$withcomments && !is_single() ) {
?>
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/<?php if(is_page("2")){echo 'yourcustomimage.jpg';} else { echo 'kubrickbg.jpg';} ?>") repeat-y top; border: none; }
<?php } else { // No sidebar ?>
#page { background: url("<?php bloginfo('stylesheet_directory'); ?>/images/<?php if(is_page("2")){echo 'yourcustomimagewide.jpg';} else { echo 'kubrickbgwide.jpg';} ?>") repeat-y top; border: none; }
<?php } ?>
</style>


The number in is_page() is your page id number. The two images would be whatever your images are named. If you only have one image then replace whichever one it is and just delete the bolded code for the other. Let me know if this works, I didn’t have any way to test it.

Also, you can read more about WP conditional tags here:
https://codex.www.ads-software.com/Conditional_Tags#Introductiion

Here is another one:

<h2 id="comments">One Response to “Hello world!”</h3>

Should be:

<h2 id="comments">One Response to “Hello world!”</h2>

Looking at your source I saw this:

<h2 id="respond">Leave a Reply</h1>

Should be:

<h2 id="respond">Leave a Reply</h2>

That should fix it. You’ll have to find it in your .php files. It should be in your comments.php file.

I’ll have to look at it in Firefox this weekend and see the differences because I don’t think I understand where the problem is. Are you wanting to eliminate the whitespace on the left of the navigation?