Custom CSS (PRO)

La sezione Custom CSS ti consente di modificare completamente lo stile del tuo store locator applicando regole CSS personalizzate. È uno strumento avanzato pensato per utenti esperti o sviluppatori, e fa parte delle funzionalità PRO.

Come utilizzare la sezione

• Vai su Custom CSS dal menu laterale.
• All'interno dell’editor visivo (area nera), puoi scrivere o incollare il tuo codice CSS.
• Le regole verranno applicate direttamente al widget della mappa integrata.
• Quando hai finito, clicca su “Save” in basso o in alto a destra.

Esempi di personalizzazione

  /* Cambia il colore dei titoli */
  .storemap-widget h2 {
      color: #ff6600;
      font-family: 'Roboto', sans-serif;
  }

  /* Modifica la dimensione delle icone marker */
  .storemap-widget .marker-icon {
      width: 40px;
      height: 40px;
  }

  /* Nasconde il pulsante "Directions" */
  .storemap-widget .directions-button {
      display: none;
  }
      

Come caricare i font personalizzati

Se stai usando font non standard (es. da Google Fonts), assicurati che siano già caricati nel tuo sito. Il CSS qui applicato non importa automaticamente font esterni.

  @import url('https://fonts.googleapis.com/css2?family=Inter&display=swap');

  .storemap-widget {
      font-family: 'Inter', sans-serif;
  }