[personal profile] aldro posting in [community profile] style_system
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

Date: 2011-02-21 05:12 pm (UTC)
matgb: Artwork of 19th century upper class anarchist, text: MatGB (Default)
From: [personal profile] 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?

Date: 2011-02-21 06:20 pm (UTC)
foxfirefey: A fox colored like flame over an ornately framed globe (Default)
From: [personal profile] foxfirefey
What image do you want to put in the sticky post title, and where?

Date: 2011-02-21 06:33 pm (UTC)
foxfirefey: A guy looking ridiculous by doing a fashionable posing with a mouse, slinging the cord over his shoulders. (geek)
From: [personal profile] 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;
}

Date: 2011-02-21 06:26 pm (UTC)
foxfirefey: A fox colored like flame over an ornately framed globe (Default)
From: [personal profile] 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!

Date: 2011-02-21 06:30 pm (UTC)
foxfirefey: A fox colored like flame over an ornately framed globe (Default)
From: [personal profile] 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.

Profile

Dreamwidth style system discussion

July 2025

S M T W T F S
  123 45
6789101112
13141516171819
20212223242526
2728293031  

Style Credit

Expand Cut Tags

No cut tags
Page generated Aug. 26th, 2025 07:44 pm
Powered by Dreamwidth Studios