Dismiss Notice
Alien Soup is a free community for fans of science-fiction, horror, & fantasy! Everybody is welcome here.

XenForo Xenmood Overlay (increasing columns)

Discussion in 'Resources & Tutorials' started by Shelley_c, Dec 12, 2012.

Tags:
  1. Shelley_c

    Shelley_c Rocket Ranger

    Joined:
    May 5, 2003
    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.

    Code:
    .chooserColumns.threeColumns li {
    	width: 19.4% !important;
    }
     
    .moodChooser li {
    	width: 19.4% !important;
    }
    .moodChooser ol {
    	height: 340px !important;
    }
    
     

    Attached Files:

Share This Page