{"id":898,"date":"2015-09-28T15:40:46","date_gmt":"2015-09-28T13:40:46","guid":{"rendered":"http:\/\/themedemos.webmandesign.eu\/polyclinic\/?page_id=898"},"modified":"2015-09-28T15:40:46","modified_gmt":"2015-09-28T13:40:46","slug":"custom-css-classes","status":"publish","type":"page","link":"https:\/\/new1.sctimst.ac.in\/hi\/theme-features\/custom-css-classes\/","title":{"rendered":"Custom CSS Classes"},"content":{"rendered":"

Custom\u00a0CSS classes<\/h1>\n

Change the appearance and behavior quickly and simply using these special predefined CSS classes.
All of these classes are conveniently available in page builder as dropdown list.<\/p>\n

The classes on this page are ordered by popularity\/usage.<\/em><\/p>\n

<\/span>Watch the Instructional Video<\/a><\/p>\n

Please note that the video is for a different theme,\u00a0but the principle is the same<\/strong>.<\/em><\/small><\/p>\n

set-colors-TYPE<\/pre>\n
Affecting row\/column\u00a0colors<\/em><\/p>\n
Apply on column or row to set the predefined colors on it automatically, without needing to remember any color hex value. Use one of predefined color types for TYPE (all of these can be set in theme customizer): accent<\/code>, header<\/code>, navigation<\/code>, header-info-widgets<\/code>,content<\/code>, sidebar<\/code>, footer<\/code>, footer-info-widgets<\/code>, credits<\/code>, error<\/code>, info<\/code>, neutral<\/code>, success<\/code> or warning<\/code>.<\/p>\n
Accent<\/p>\n
Navigation<\/p>\n
Sidebar<\/p>\n
Footer<\/p>\n
Error<\/p>\n
Info<\/p>\n
Neutral<\/p>\n
Success<\/p>\n
Warning<\/p>\n
hover-color-TYPE<\/pre>\n
Affecting row\/column\u00a0colors<\/em><\/p>\n
Apply on column to change it’s colors on mouse hover. Use one of predefined color types for TYPE: error<\/code>, info<\/code>, neutral<\/code>, success<\/code> or warning<\/code>.<\/p>\n
Hover me.<\/p>\n
Error<\/p>\n
Hover me.<\/p>\n
Info<\/p>\n
Hover me.<\/p>\n
Neutral<\/p>\n
Hover me.<\/p>\n
Success<\/p>\n
Hover me.<\/p>\n
Warning<\/p>\n
color-simple\ncolor-simple light\ncolor-simple dark\nform-button-simple<\/pre>\n
Affecting\u00a0buttons only<\/em><\/p>\n
Apply on a button module or shortcode. Clears the button background color creating a simple outlined button. When only color-simple<\/code>\u00a0class applied, the button inherits the row\/column text color. When simple light<\/code> applied, white (light) button is displayed. With color-simple dark<\/code> the button becomes dark outlined.<\/p>\n
Apply the form-button-simple<\/code> on a module, column or a row that contains a form. The submit button in the form will be styles as simple button (see above).<\/p>\n
Default button<\/a>Default button<\/a>Default button<\/a>Default button<\/a>Default button<\/a><\/p>\n
Column text color is set to blue.<\/p>\n
Simple button<\/a>Simple light<\/a>Simple dark<\/a><\/p>\n
\n
<\/p>\n