Anyone? I have searched to no avail and really want to get this fixed. Any suggestions on where to look for an answer would even be appreciated.
Kathy,
I think if you add some padding to the post h2 that may solve it for you. The padding tag looks like this: padding: T R B L Top, Right, Bottom, Left. Give this a try to start:
.post h2 {
background-image:url(/blog/images/titlebkgd.gif);
padding: 0em 0em 1em 0em;
}
You’ll just have to play with the numbers until you find the one or the combination that works best for you.
Good luck,
Michael.
That worked, but I did have to decrease it to .25 em. I am wondering, though…now on my main page, the titles sort of float above the bottom of my image because it increased it on that page, too…any way to fix that?
I know, I know, I’m picky…I’m female and it’s just my nature, LOL.
Thanks for the help!
I won’t even tell you how many hours I’ll spend moving things one pixel at a time (and then back of course) because I think it’s wonky – can we say OCD!
You can try adding a .post h2 a class and style the linked text with some padding. I’m not sure if that will work, but it should. If it doesn’t, you can change the .post h2 to something like .post and have it show the background image and then have a .post h2 deal with the text, then they would be separate and you can move them around (pixel by pixel) as you wish!
I think that should work. Just remember to back-up the style sheet! Play with that for awhile and let me know how you make out, if that doesn’t work, there are other options. I tend never to do things the easiest way, so if anyone has a better suggestion, please post it!
Good luck,
Michael.
Okay, I’m not sure I did it right. I tried adding a second class like you said, but I’m not sure what tag to put in the index file to make it use that class (.h2 post a). I tried a couple of things I thought might work, but they didn’t. Can I ask you to be a little more specific on how I add that to the index template?
Thanks!
I’m just heading off to bed (damn this WP support forum addiction), but I will try to figure it out for you tomorrow, sometimes I can’t make sense of my “genius ideas”!
I think you’ve almost got it Kathy, you just need to close the post div tag, so on the line right after the h2 title, you need to add a </div>. To style the text, just add a style for .post h2 like you had before and just style the text how you’d like. In the post style, just include the background image how you’d like it. You’ve done a fantastic job modifying kubrick by the way! It is a very difficult one to customize!
I hope that all makes sense, feel free to e-mail me (michaelniziol (at) gmail dot com) the relevant section of code from your template and I’ll try to fix it up for you if it’s still not working out!
Cheers Kathy,
Michael.
I tried, I really did…then I gave up and sent you the code 🙂 . Thanks for the compliment, BTW…I’m really happy with the way everything has shaped up. This really is pretty easy to work with once you get the hang of it.
Thanks…I’ll wait for your e-mail.
