"solid-1" Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.
Module Class Suffix:
"solid-1 jsn-icon-cassette-band"
"solid-2" Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.
Module Class Suffix:
"solid-2 jsn-icon-video-camera"
The Moonlight
The Moonlight provides 06 box designs for module background styling, which can be combined with 130+ predefined icons for module title styling. Take a look around to see how module styles are applied.
Module styles are configured by module's parameter Module Class Suffix with very simple syntax. To set up icons, you need to add string jsn-icon-xxx to module class suffix, where xxx is the icon name.
Plain Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.
Module Class Suffix:
empty
Plain with Icons
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.
Module Class Suffix:
"jsn-icon-home"
"lightbox-1" Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.
Module Class Suffix:
"lightbox-1 jsn-icon-search"
"lightbox-2" Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.
Module Class Suffix:
"lightbox-2 jsn-icon-calendar"
"richbox-2" Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.
Module Class Suffix:
"richbox-2 jsn-icon-browser1"
"richbox-1" Style
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc varius nisl id lectus ultricies ut elementum nulla ornare. Nulla sed mi massa, at tincidunt felis.
Module Class Suffix:
"richbox-1 jsn-icon-comment"