adamjohnson

I think you’ll find that any theme will work for you. What you need is to add the “more” tag to the top of the post. You can click the “add more tag” button or type
<!--more-->
into the HTML editor at the top of your post. That should prevent any content besides the title from appearing on the front page of your site.

HTH!

—Adam Johnson INDEPENDENTgeek
INDEPENDENTgeekTN.com

Since you’re mixing column-ness, you might try a one-column theme and then editing the PHP for the various plugs-in to give them CSS classes when they render into the HTML, then in your style.css file, you’ll need to add new classes to the file (I put my custom classes at the bottom, to keep things tidy) for them to use.

Then again, you could just find a theme with the layout you want, and edit the pre-existing CSS and replace the images with your own. That’s what I’m doing with my website.

—Adam Johnson INDEPENDENTgeek
INDEPENDENTgeekTN.com

Right, Firebug will let you edit HTML and CSS (nice find, btw—I’m not a “plugin guy,” usually), but it doesn’t edit the PHP files that run WordPress.

Cool.

When you’re on your Mac, you should check out a pair of apps (which I actually used to solve this little quandry of yours) called Taco HTML Edit and CSSEdit (both by different companies).

Here’s how the workflow…works:

1. Copy the published webpage’s entire source code to the clipboard.
2. In Taco HTML Edit, create a new document containing only the code from the clipboard.
3. Save the document to a local disk.
4. In CSSEdit, open the locally-saved document in a preview window.
5. In the preview window’s toolbar, click Style Sheets, then select the style sheet to edit.
6. In the drop-down dialog sheet, click the Override and Edit button.

Changes made to the page in CSSEdit instantly are reflected in the CSSEdit preview window. Changes made in Taco HTML Edit need to be saved (?S), and are automatically and instantly refreshed in the CSSEdit preview window.

Ha! See, you’re getting it!

Are you using a Mac or PC? I might have a few suggestions for a great pair of apps that make editing this kind of thing a breeze.

—Adam Johnson INDEPENDENTgeek
INDEPENDENTgeekTN.com

Okay, here’s the fix:

First, go get rid of those extra line breaks I told you about. Then go into your style.css file and change the post class so that it looks like this:

.post {
	margin: 25px 0 25px 0;
	border-bottom: 2px solid #e3e3e3;
	float: left;
}

Cheers!

—Adam Johnson INDEPENDENTgeek
INDEPENDENTgeekTN.com

The part about your posts not being centered is to be expected. Your page is laid out like this:

[logo                                      ]
[                menu1, menu2, menu3, menu4]
____________________________________________
[post                   ][ads              ]
[                       ][                 ]
_________________________[                 ]
[post2                  ][                 ]
[                       ]-------------------
_________________________                  |
[post3                  ]                  |
[                       ]                  |
-------------------------                  |
[footer____________________________________]

So you can see that it’s the column for your posts plus the column for your ads that are centered over the footer.

I’m looking at the rest for you right now.

—Adam Johnson INDEPENDENTgeek
INDEPENDENTgeekTN.com

What’s happening here is that browsers now treat images a floating elements by default, wrapping everything around them as they go along.

To force the next part of the page to display below the image, you need to insert <br clear="both"> after the <img…> tag in your post, so that the whole line looks like this.

<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/69/Google_Appliance.jpg/140px-Google_Appliance.jpg" alt="" align="left" /><br clear="both">

If you need more information, the Web Design Group has some great references. Here’s what you’ll need about the <img> tag, and they also have some excellent references on HTML 4.0 in general and CSS (Cascading Style Sheets), in case you’re interested in even more control of your web page.

Hope that helps!

—Adam Johnson INDEPENDENTgeek
INDEPENDENTgeekTN.com

Thanks so much!

I got so frustrated with this that I took a couple days off, but now I have everything working just about like I want it! ??

I started nosing around with my style.css in CSSEdit and header.php in TextWrangler and figured out how to change the text to a graphic (although it took me a good 45 minutes to remember that the code is “<img src=…” and not “<img href=…!” lol

I now have my logotype done graphically and am using a custom CSS ID to set the logo in the proper place on the page.

BTW, if you’ve never used CSSEdit, I highly recommend it—it lets you edit CSS graphically or in code, and previews the changes live on the page. Mac-only, of course. ??

Thanks again, especially to you, chaoskaizer!

—Adam Johnson,
[sig removed]

There y’go—it’s header.php.txt now. ??

Same link as before.

Hmm… https://www.pastebin.com isn’t responding right now, so I uploaded it to my own site, mark2project.com/downloads.

Yeah; I guess I’ll have to do it graphically. The functions hack worked on the page, but not on the titlebar; I just noticed. :/

@chaoskaizer

w00t! You Rock!

Thank you so much; worked like a charm! ??

Edit:

Um, now that I think of it, would it be possible to edit this to look for any instance of the string INDEPENDENTgeek and add the <sup>…</sup> tags?

Thanks,

-Adam

Oops… let me re-try posting that first post so it makes sense

I’ve just set up my new website at http;//www.INDEPENDENTgeekTN.com, however my business name (Admin > Settings > General > Blog Title) is supposed to be typeset so that the “g” in “geek” appears to be a capital letter.

I have edited my CSS to allow me to use a pair of <sup> tags to set the vertical height automatically, however when I use it in the blog title, I get INDEPENDENT<sup>geek</sup> on the front page of my website, which just looks plain stupid.

I really would like the “geek” to be raised up so that the bottom of the “g” is even with the bottom of the “INDEPENDENT.”

Any help would be greatly appreciated!

–Adam Johnson, INDEPENDENTgeek