Default modules style

This is how modules look like by default. You can modify the default style by visiting the Theme Magic area on the backend of Socialize:

Default module

content here


link here

Default module

  • list option
  • list option
  1. list option
  2. list option

Default module

Default module


Fixed Module Variations

Below you can see all the module styles that come with Socialize. These styles are fixed and can be added to any module that has the "Module Suffix" field. Please be sure to add a space before the suffix.

Socialize versions 2.0+ uses new module suffix names but still supports the old ones that start with "sbox".

module-no-border

We recommend to use this module in #spotlight positions and with footer modules.

To get this style, copy the title of this module module-no-border, and paste into your module's "Module Suffix" field with a space before the suffix.

module-bold

To get this style, copy the title of this module module-bold, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-brown

To get this style, copy the title of this module module-brown, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-dark

To get this style, copy the title of this module module-dark, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-blue

To get this style, copy the title of this module module-blue, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-green

To get this style, copy the title of this module module-green, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-orange

To get this style, copy the title of this module module-orange, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-red

To get this style, copy the title of this module module-red, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-purple

To get this style, copy the title of this module module-purple, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-pink

To get this style, copy the title of this module module-pink, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-light-blue

To get this style, copy the title of this module module-light-blue, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-light-green

To get this style, copy the title of this module module-light-green, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

module-gray

To get this style, copy the title of this module module-gray, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

.alert .alert-info

To get this style, just copy
.alert .alert-info, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

.alert .alert-success

To get this style, just copy
.alert .alert-success, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

.alert .alert-warning

To get this style, just copy
.alert .alert-warning, and paste into your module's "Module Suffix" field with a space before the suffix.

link here

.alert .alert-danger

To get this style, just copy
.alert .alert-danger, and paste into your module's "Module Suffix" field with a space before the suffix.

link here