Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

CardioLog has built-in options to help customize your surveys to match the look and feel of your site. Additionally, you can use CSS to further brand your surveys with your organization's logos and style to fully present them as your own.

...

  1. Create a survey.
  2. In the main Surveys window under Visitor Engagement, select the survey and click Preview. 
  3. Use the browser console to inspect the HTML and CSS elements and edit the style of the survey. On most browsers, you can right-click the survey preview and select "Inspect Element" press the F12 key to open the InspectorInspector and select elements.

     
    Surveys Dashboard
     
  4. Create custom rules for the desired survey elements within the CSS code. 

    For example, you can change the text color of list items to red by creating the following CSS rule:

    Info
    iconfalse

     #cas li {color:red;}



    Survey Preview

    Note: You must specify the element ID (eg., the survey div ID is #cas) in order to create CSS rules that will apply to surveys.

...