Post title

CMS & WordPress
1

I just created this custom theme. I can’t for the life of me figure out why the post title “Hello World” is posting to the right instead of the left. I’m using Firebug but can’t see how to fix it. Anything to do with the h1 being position:absolute?

Also, just added a post and Hello World post title won’t move down so they are on top of each other. In addition, if you click on the post title, the navigation is below the post title even though in the code the nav is above the post title…??

Thanks so much in advance!

2

If you want to position the h2 title absolutely within the .post div, you should add “position: relative;” to .post, otherwise it will use the parent #mainContent for positioning. That’s why they’re on top of each other – the posts need to have the position property set.

And if you look at the CSS, the h2 is positioned “right: 50px;”. That’s why they are positioned to the right instead of the left.

I strongly suggest that you change those headings to be positioned relatively instead – it’ll be cleaner, better, and much easier for you to manage. :slight_smile:

3

Gosh, yes. That was CSS leftover from the website that I didn’t catch so I just removed the h2 from h2, header#h2.

Thanks so much!

Do you know how to add a custom image in place of the subscribe button under Feedburner box (first box on sidebar)? I thought it was to replace the last line of feedburner code with:

<input type=“image” style=“margin-bottom:-12px;” onclick=“submit” src=“images/subscribe-button.gif” />

but it won’t work.

Thanks!

4

Hm, you mean the text input box? Personally, I wouldn’t change the markup for it, I would just do it with CSS so you don’t need to use any onclick events for submitting the form, keeping it nice and neat. Something like this applied to the submit button (straight from Chrome):

element.style {
  background: transparent url('http://www.equinection.org/blog/wp-content/themes/eqinection_blog/images/subscribe-button.gif') no-repeat top left;
  text-indent: -9999px; /* Since you have text in the image, move regular text off view */
  height: 21px;
  width: 80px;
  cursor: pointer; /* If you want the hand cursor. */
  border: none;
}

And of course, changing element.style to .feedburner input[type=“submit”], or add an ID to the button.

Attaching image of my Chrome inspector. :slight_smile:

5

Wow, awesome. I’ve never seen it done like that. I got it working but then played around with the last line of code and can’t seem to get it back working. What should the last line of code be? This line:

<input type=“image” style=“margin-bottom:-12px;” onclick=“submit” src=“images/subscribe-button.gif” />

6

Got it.