NEW Sidebar FAQ
      Back to home
      1. Cidi Labs Help Center
      2. DesignPLUS
      3. NEW Sidebar FAQ

      Why are some Themes slightly different with the Upgrade tool?

      While using the Upgrade tool, there may be some slight changes in the Themes. These small changes are expected.

      We, here, at Cidi Labs updated the entire codebase for the DesignPLUS sidebar. As part of that update, new features have been added, and the styling now references a new library that better aligns with today's Web Standards.

      This means that upgrades between Themes will not be a pixel-per-pixel match. 

      All of the functionality of the original theme should be intact in its new version.

      If you experience an issue with the function of a theme (i.e., icons are covering text), please contact our support team at support@cidilabs.com or fill out our Support Form.

      Font Size

      The change in font size is due to the transition from px and pt font sizes to em and rem font sizes. These font size adjustments are applied to allow for more accessibility. For more information on changes in font size, see this Article: Why does font size change when I use the Upgrade tool?

      The font sizes of specific elements can be manually adjusted using the Text panel of the Style Editor.

      For more information on using the Style Editor, see the DesignPLUS User Guide: Style Editor.

      Padding Differences

      If you notice slight changes in padding and alignment after using the Upgrade tool, this is expected. Some margins and padding were removed and added to simplify the structure of the page. These tiny changes in padding are primarily noticeable while using the Upgrade tool.

      The margins and padding of specific elements can also be adjusted using the Spacing & Alignment panel of the Style Editor.

      Comparison of Themes

      Here are some comparisons of common legacy vs new sidebar themes. Please note, due to technical and resource limitations, as well as updates to web standards since the legacy themes were developed, certain things will not be changed to match the old theme.

      Flat Sections

      Flat Sections Theme with the Legacy Sidebar.Flat Sections Theme with the new DesignPLUS Sidebar.

      Apple

      Note that the Apple Theme currently Upgrades to the Rounded Corners Theme due to Accessibility concerns with the Apple icon.

      Apple Theme in the legacy sidebar.

      Apple Theme in the New DesignPLUS Sidebar.

      Basic Bar

      Basic Bar Theme of the Legacy Sidebar.Basic Bar Theme of the New DesignPLUS Sidebar.

      Basic Color

      Basic Color Theme in the Legacy sidebar.Basic Color Theme in the New DesignPLUS sidebar.

      Bookmark

      Note that the Bookmark Link Grid no longer overlays the image. Our developers have plans to build a feature to make this possible with a new, upcoming tool.

      Bookmark Theme in the Legacy sidebar.Bookmark Theme in the New DesignPLUS sidebar.

      Box Left

      Box Left Theme in the Legacy sidebar.Box Left Theme in the New DesignPLUS sidebar.

      Circle Left

      Similar to the Bookmark Link Grid, the Circle Left Link Grid no longer overlays the image. Our developers have plans to build a feature to make this possible with a new, upcoming tool.Circle Left Theme in the Legacy Sidebar.Circle Left Theme in the New DesignPLUS Sidebar.

      Colored Headings

      Colored Headings Theme in the Legacy Sidebar.Colored Headings Theme in the New DesignPLUS Sidebar.

      Medallion

      Medallion Theme in the Legacy Sidebar.Medallion Theme in the New DesignPLUS Sidebar.

      Generic

      Rounded Headings Theme in the Legacy Sidebar.Generic Them in the New DesignPLUS Sidebar.

      Rounded Headings

      Rounded Headings Theme in the Legacy Sidebar.Rounded Headings Theme in the New DesignPLUS Sidebar.

      Square Right

      Square Right Theme in the Legacy Sidebar.Square Right Theme in the New DesignPLUS Sidebar.