InsaneJournal

Tweak says, "Inane does not equal insane."

𝐋𝐮𝐜𝐤𝐲 𝐆𝐢𝐫𝐥 (pickpickler) wrote in rp_tutorials,
@ 2012-03-09 03:17:00

Entry tags:

layout: question, question: help, question: html/css

HELP!! Pretty please!?!?

Okay, so I found THIS LOVELY layout and made a few minor changes to fit my CHARACTER JOURNAL here. Maybe it’s because I’m tired and ready for bed, but for the life of me I can’t figure out how to make it so the mood theme icons display right. Verses being cut off by the dotted/dashed line that separates the entry from the ‘comment’ links.

ETA-
I would even settle for finding a way to make the mood theme images to disappear on the 'recent' page.

(Read comments) - (Post a new comment)

forsythia
2012-03-09 08:44 am UTC (link)

It seems the height of the mood area is coded into the page. I tested this with Stylish overriding your layout and it worked.

Find .currentmood in the style. It'll be by itself, and will have height: 18px; in it. Remove that portion, and the mood images should automatically determine the height of your mood field. If that doesn't work, replace the height line with height: auto !important;

I found that it left things looking a bit out of alignment, so I would personally suggest adding this bit as well to move the word 'mood' back up to the top.

.currentmood strong {
vertical-align: top !important;
}

If you'd still rather remove mood images for whatever reason, use this:

.currentmood img {
display: none !important;
}

You can also add various styles (padding, borders, etc.) to the mood images in that section if you'd prefer to style them instead of removing them completely.

(Reply to this) (Thread)

	pickpickler 2012-03-09 09:26 am UTC (link)
	You are my hero!! Thank you so much!! :) (Reply to this) (Parent) (Thread)

	forsythia 2012-03-09 09:45 am UTC (link)
	You're welcome! :) Glad it worked. (Reply to this) (Parent)

(Read comments) -