Zum Inhalt

The settings icon at the bottom left bothers me, can I change/remove it?

The so-called settings icon is activated by default in our design templates, but can easily be switched off. To do this, go to the theme-administration and deactivate the corresponding function for the theme you are using:

assets.png

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

einstellungsicon-aendern.png

Legally, you are obliged to offer the user the option of accessing the settings again and making changes at any time. If you remove the icon, you should at least add a text link instead, for example at the bottom of the page, which is displayed 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>

Clicking on this link opens the configuration pop-up again for the visitor.

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>

<!-- heading id=ldhWjcWR -- &gt

Remove shadow

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

<!-- code wrap=true -- &gt

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

Adjust position

To adjust the position of the settings icon, it is often sufficient to insert individual 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 distance (bottom right) */ 
 @media screen and (min-width: 64.0625em) { 
   .ccm-settings-summoner {
     bottom: 30px;
     right: 30px;
     left: auto;
   } 
 }