You are using an unsupported browser. Please update your browser to the latest version on or before July 31, 2020.
close
Home > Behaviors & Styles > Widget Adjustments
Widget Adjustments
print icon

Adjust the position of the widget by pixels or overlay custom CSS.

 

How to customize the placement or appearance of the widget

  1. Log in to the Dashboard
    • If assigned to multiple companies, click the Companies tab on the sidebar menu then select the appropriate company from the drop-down.

  2. Scroll down to and click the Behaviors & Styles tab on the side menu, then click Custom Color.

  3. The Widget Details page opens.

  4. Click the blue "Edit" button.

  5. Scroll to the Widget Adjustments section.

  6. Position Adjustments (in pixels): Make custom or more precise adjustments to the placement of the widget on desktop browsers. 

    • Top: Add a value in this field to increase the distance between the widget and the top of the page. A negative value will decrease the distance between the widget and the top of the page. Example: Add a value to push the widget down to make a menu or navigation bar visible.

    • Bottom: Add a value in this field to increase the distance between the widget and the bottom of the page. A negative value will decrease the distance between the widget and the bottom of the page. Example: Add a value to raise the widget from the bottom of the page to make logos and links visible.

    • Left: Add a value in this field to increase the distance between the widget and the left side of the page. A negative value will decrease the distance between the widget and the left side of the page. Example: Add a value to push the widget away from the left side of the page and toward the right side to make logos and links visible.

    • Right: Add a value in this field to increase the distance between the widget and the right side of the page. A negative value will decrease the distance between the widget and the right side of the page. Example: Add a value to push the widget away from the right side of the page and toward the left side to make logos and links visible.

  7. CSS Adjustments: Add CSS to make changes to the placement or visibility of the widget on desktop browsers.  

  8. Mobile Device Position Adjustments (in pixels): Make custom or more precise adjustments to the placement of the widget on mobile browsers.

    • Top: Add a value in this field to increase the distance between the widget and the top of the page. Example: Add a value to push the widget down to make a menu or navigation bar visible.

    • Bottom: Add a value in this field to increase the distance between the widget and the bottom of the page. Example: Add a value to raise the widget from the bottom of the page to make logos and links visible.

    • Left: Add a value in this field to increase the distance between the widget and the bottom of the page. Example: Add a value to raise the widget from the bottom of the page to make logos and links visible.

    • Right: Add a value in this field to increase the distance between the widget and the bottom of the page. Example: Add a value to raise the widget from the bottom of the page to make logos and links visible.

  9. CSS Adjustments: Add CSS to make changes to the placement or visibility of the widget on mobile browsers.  
  10. Click Save.
Feedback
0 out of 0 found this helpful

scroll to top icon