Image in title

[aldro]

1) I have a sticky note at the top of my journal and I'd like to put an image in the title. Is that at all possible and if so, how would I add an image to the title?

2) I noticed that there's a lot of white space between the left side of the entry holder and the title, which isn't there in the original layout's preview. How do I get rid of the extra space?


ETA: More information

Comments

[matgb]

You can probably hardcode an image into the post using S2 if you're comfortable playing with S2, I've never tried but the Sticky post is called specifically so has functions surrounding it that can be modified.

Alternatively you can insert an image using CSS, the entire sticky entry is wrapped in class .sticky-entry-wrapper so you could put something in as 'sticky-entry-wrapper .header {CSS code here}

So, two ways, both would require figuring out code, someone else may've already done similar or if not I can have a play.

Complete aside--I really like the way your journal header displays with all the info nice and compact at the top. Wouldn't suit me, but would suit a few friedns, is that bespoke or is it an official theme?

[aldro]

Thanks for your answer. The image in a title is something I'll play aorund with later, after I've figured out what's causing the extra space in my entry's titles.

I'm using a layout made by sarken. It's called "Top of the Class." ;-)

[foxfirefey]

What image do you want to put in the sticky post title, and where?

[aldro]

I'd like to add a tiny icon between the words "Sticky:" and the entry title.

[foxfirefey]

I think you can use this to get the image you want where you want it:

.sticky-entry-title a {
background: url("IMAGEURL") no-repeat scroll left center transparent;
padding-left: [IMAGEWIDTH]px;
}

[foxfirefey]

I think the space is coming from this:

.restrictions-18 .entry .entry-title a, img[src*="icon_18.png"] {
    background: url("http://yoursite/images/restricted18.png") no-repeat scroll left center transparent;
    padding-left: 20px;
}

Looks like if you either take that part out, or put a URL to the right image there, the space will go away!

[aldro]

That was it! I checked by making my journal suitable for everyone (which it is :-P) and the space went away. You rule! :-)

[foxfirefey]

Firebug rules! It's pretty easy to debug things like that with it--I highly recommend checking it out if you do much style tweaking.

[aldro]

That definitely is a handy add-on! Thanks! :D