Moodtheme fix!

[meg_tdj]

You guys! With a billion thanks to antiqueskies *bows at her feet*, I managed to get my moodtheme back to its normal size!! :D

See if it works for you - go to your Customize Journal page, look for the Custom CSS link, and if you're like me and have just an empty box there (or maybe code for a header like a lot of folks do), enter this -

/* Width & Height for Moods */
IMG.meta-mood-img {
max-width: 125px;
max-height: 100px;
}
IMG#mood_image_preview {
max-width: 125px;
max-height: 100px;
}

...and save the changes. If your moodtheme of choice is larger than 125x100, change the numbers accordingly.

WOOHOO!! I have my moodthemes back!! :D


ETA: Addendum from antiqueskies -

That code probably varies by layout type. If you use Firefox, download the Web Developer Extension. Open up your LJ (the standard username.livejournal.com page). Then go to Tools > Web Developer > CSS > View Style Information. A red outline will appear that follows your cursor. Hover over the image of your mood on the first entry (or any; it shouldn't matter) and left-click once. On the bottom of your screen it should pull up the specific code in the CSS your layout is using to define the mood theme image. Copy that into the Customize CSS section, edit to the size you would like it to be, and it should work. (I'm not sure, but I think you'll also have to change all of the drop-downs to "No" on the Customize CSS page as well.)

I noticed there were quite a few people with the problem, so if you can't resolve just drop me a comment and I'll help you out as best as I can. :)

Comments

[antiqueskies.livejournal.com]

That code probably varies by layout type. If you use Firefox, download the Web Developer Extension (https://addons.mozilla.org/en-US/firefox/addon/60/). Open up your LJ (the standard username.livejournal.com page). Then go to Tools > Web Developer > CSS > View Style Information. A red outline will appear that follows your cursor. Hover over the image of your mood on the first entry (or any; it shouldn't matter) and left-click once. On the bottom of your screen it should pull up the specific code in the CSS your layout is using to define the mood theme image. Copy that into the Customize CSS section, edit to the size you would like it to be, and it should work. (I'm not sure, but I think you'll also have to change all of the drop-downs to "No" on the Customize CSS page as well.)

I noticed there were quite a few people with the problem, so if you can't resolve just drop me a comment and I'll help you out as best as I can. :)

[meg-tdj.livejournal.com]

Thanks, I'll add that to the post. :)

It worked for moonshayde the same way it worked for me, so hopefully most people will be able to get it fixed. :)

[antiqueskies.livejournal.com]

I think it'll be okay, but I know for a fact it wouldn't work in mine. But mine is also customized like mad and I use a layer and lots of other stuff, so. *shrugs*

[meg-tdj.livejournal.com]

Yeah, wow, yours is customized like craaaazy. I wish I had the skillz. ;)

[antiqueskies.livejournal.com]

Lol, yeah it really is. Sometimes it takes me hours to get my layout right, and I change it like, every month. Me = A+!

[moonshayde.livejournal.com]

I am always so jealous of people that can do this sort of thing...

And do I spy Mulder? I do!

Man, I loved that episode. Mulder and his pink flamingo.

[antiqueskies.livejournal.com]

Lots of free time. ;) One day a couple years ago I decided I wanted to learn coding, so I just started some tutorials and stuff and...it sorta grew, lol.

You do!! Haha, the pink flamingo of VICTORY!!

[peach-megumi.livejournal.com]

awesome! :-)