Skip to main content

Advanced widget customizations using CSS and JavaScript

  • Updated

You can achieve highly personalized widgets for your needs using CSS and JavaScript.

 

❗IMPORTANT

  • It is recommended to have a basic understanding of CSS and JavaScript to use this setting.
  • Please note that if the widgets are updated in the future, custom CSS and JavaScript may affect the design or cause issues. CREMA is not responsible for any problems arising from the use of custom CSS and JavaScript.

 

In this article

 

Setting CSS and JavaScript for widgets in general

This applies custom styles and behaviors to all widgets globally. You can define CSS rules and JavaScript functions that will affect every widget across your site

  1. From Review → Settings menu, go to General settings → Widgets(general) tab.
  2. In Display settings, click Show advanced settings.


  3. Enter the CSS and JavaScript you wish to apply in Common CSS (PC), Common CSS (Mobile), Common JavaScript (PC), and/or Common JavaScript (Mobile) fields.
    ⌘ Please be noted that you need to set separate codes for both PC and mobile.
  4. Click Save.

 

Setting CSS and JavaScript for a specific widget

This involves applying custom styles and behaviors to a particular widget only. You can modify the style of a specific widget without impacting other widgets.

  1. From Review → Settings menu, go to Widget settings tab.
  2. Click Settings on the desired display widget section that you want to customize.
  3. Enter the CSS and JavaScript you wish to apply in CSS for the (new) widget and/or JavaScript for the (new) widget fields.
  4. Click Save.

 

 

 

 

Related to

Related articles