Orbe – Help center
PlansPartnersUse CasesSupportChangelog
  • 👋Before starting
    • Welcome
    • How Orbe works
    • Pricing
    • FAQs
  • 🧩GENERAL
    • Install Orbe
    • Refresh Data
    • Connect Stores
      • Redirect to another store
      • Settings
    • Integrations
      • Klaviyo
      • Global-e
      • Connectif
      • Hreflang Manager
      • Announcement Bar
    • Uninstall Orbe
  • 🌐Geolocation Popup
    • Set up Geolocation
    • Translations
    • Common issues
  • 🔁Selectors
    • Overview
    • Geolocation Button
      • How it works
      • Selector Placement
      • Variables
      • Custom Code
    • Market Selector
  • ⚙️Settings
    • Notifications
    • Behavioral Preferences
    • Custom CSS
  • Developer Reference
    • CSS
    • JavaScript
    • Relocating the Market Selector
    • Integrate your selector
    • Snippets
      • Create a full-screen popup
      • Country Order Customization
      • Language Order Customization
      • Hide the popup in a country
      • Change popup fonts
      • Hide countries
Powered by GitBook
On this page

Was this helpful?

  1. Settings

Custom CSS

How do I apply CSS code to personalize the geolocation popup?

PreviousBehavioral PreferencesNextCSS

Last updated 1 year ago

Was this helpful?

Many brands enhance their geolocation popups by adding identifying elements like their logo.

If you have a paid Orbe plan, you can customize the Geolocation Modal CSS through the "Settings" menu. Our editor allows you to apply CSS for customizing the modal.

Consider that the Custom CSS editor won't appear in your settings until you upgrade your plan.

Do you not know CSS?

Our Help Center has a collection of CSS Snippets available exclusively for users of our paid plan. These snippets make it easy for you to customize your popup's appearance without any coding knowledge. With just a few clicks, you can effortlessly enhance your storefront and create a unique brand style.

By simply copying and pasting these pre-written snippets into the 'Custom CSS' section of our app's Advanced Settings, you can instantly transform the look and feel of your popup. It's that simple!

To explore and leverage these powerful CSS Snippets, visit our dedicated page in the Help Center. Unleash your creativity and make your popup truly stand out!

⚙️
Cover

Snippets

See our Snippets