Moodtheme fix!
Jun. 3rd, 2010 08:24 pm![[personal profile]](https://www.dreamwidth.org/img/silk/identity/user.png)
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. :)
![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-userinfo.gif)
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
![[livejournal.com profile]](https://www.dreamwidth.org/img/external/lj-userinfo.gif)
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. :)