Summary: This adjusts your mood icons to in the mood selector overlay to display your moods from the 3 column display to a 5 making use of the vast amount of space. Obviously, if your want to display them in rows of 4 adjust the percentage.
The following CSS also adjusts the height so your no blessed with sore thumb syndrome though if your not wanting to have the height extended don't include the .moodChooser ol parts
Simply Paste the following into your EXTRA.CSS Template.
The following CSS also adjusts the height so your no blessed with sore thumb syndrome though if your not wanting to have the height extended don't include the .moodChooser ol parts
Simply Paste the following into your EXTRA.CSS Template.
Code:
.chooserColumns.threeColumns li {
width: 19.4% !important;
}
.moodChooser li {
width: 19.4% !important;
}
.moodChooser ol {
height: 340px !important;
}