CMS Widgets

• Documentation

Last counter

• layout wl103
• columns/content wc201
• inline wi146

Good to know

• wb, wm and wp class contains each columns and content widget
• wbi, wmi and wpi class contains each inline widget

Default global styles:

/* content/layout widget body */
.wb {}

/* content/layout widget padding (left + right) */
.wp { padding-left: 20px; padding-right: 20px; }

/* content/layout widget margin (bottom) */
.wm { margin-bottom: 20px; }

/* inline widget body */
.wbi {}

/* inline widget padding (left + right) */
.wpi { padding-left: 0; padding-right: 0; }

/* inline widget margin (bottom) */
.wmi { margin-bottom: 15px; }

Colors palette:

.WIDGET-smoke { background-color: #D0D0D0; color: black !important; }
.WIDGET-yellow { background-color: #F5DB6E; color: black !important; }
.WIDGET-orange { background-color: #FFA911; }
.WIDGET-green { background-color: #83C83C; }
.WIDGET-blue { background-color: #4285F4; }
.WIDGET-red { background-color: #E73323; }
.WIDGET-pink { background-color: #E7357F; }
.WIDGET-mint { background-color: #2AB08F; }
.WIDGET-purple { background-color: #6118A3; }
.WIDGET-white { background-color: white; color: black !important; }
.WIDGET-black { background-color: #202020; }

Contributors

Contributor	Type	E-mail
Peter Širka	author + support	[email protected]

Contact

Do you have any questions? Contact us https://www.totaljs.com/contact/