The settings icon in the bottom left corner bothers me—can I change or remove it?

The so-called settings icon is enabled by default in our design templates, but it can easily be disabled. To do this, go to Theme-Management and disable the corresponding feature for the theme you’re using:

Further down the page, you can also replace the icon with your own:

Adding a Link When Disabling the Feature

From a strictly legal standpoint, you are required to provide users with the option to access their settings and make changes at any time. If you remove the icon, you should at least add a text link—for example, in the footer—that appears on every subpage. You can also find the link to open the banner under the menu item Dashboard & Integration. It is a simple link with an anchor:

<a href="#" onclick="CCM.openWidget();return false;">Open configuration box</a>

This means that when the visitor clicks this link, the configuration pop---up will open again.

If you cannot insert JavaScript-links, you can alternatively use the following target in a link: #CCM.openWidget.

<a href="#CCM.openWidget">Open configuration box</a>

Remove shadow

If the shadow behind the settings-icon bothers you and you want to remove it, simply insert the following code as CSS:

/* Settings-icon: Remove shadow */ .ccm-settings-summoner-- link { box-shadow: none!important; }

Adjust Position

To adjust the position of the settings icon, it’s often enough to simply add custom CSS. For example, use the following code to move the icon:

 /* Mobile: 15px spacing (bottom left) */
 .ccm-settings-summoner { 
   bottom: 15px; 
   left: 15px; 
 } 

 /* Desktop: 30px spacing (bottom left) */ 
 @media screen and (min-width: 64.0625em) { 
   .ccm-settings-summoner { 
     bottom: 30px; 
     left: 30px; 
   } 
 }

To display the icon on the right instead of the left, use the following code:

 /* Mobile: 15px spacing (bottom right) */
 .ccm-settings-summoner {
   bottom: 15px;
   right: 15px;
   left: auto;
 } 

 /* Desktop: 30px spacing (bottom right) */ 
 @media screen and (min-width: 64.0625em) { 
   .ccm-settings-summoner {
     bottom: 30px;
     right: 30px;
     left: auto;
   } 
 }