Custom code for Zepto Product Personalizer App

Topic summary

Customizing Zepto Product Personalizer styling via CSS (Cascading Style Sheets) to match a mockup. Requested changes:

  • Reduce padding between dropdown options
  • Add rounded outlines to buttons

A collaborator asked for a live preview/URL. The store was password‑protected; access details were provided to enable review. Screenshots were shared to illustrate the desired look, which are central to understanding the visual targets.

Key constraint noted: CSS injected via the app may not render or be respected by the app’s UI. If changes don’t take effect, contacting Zepto support was recommended. For handling out‑of‑stock scents in the dropdown (to avoid appearing discontinued), the reply indicated this likely needs additional code and may be limited by the app, again suggesting the app provider’s help.

Another participant expressed interest in any solution for broader product page customization with Zepto.

Status: No code or working solution was posted; no confirmation of resolved styling or stock‑state behavior. Action items: test CSS within the app, and if ineffective, escalate to Zepto support for both styling hooks and out‑of‑stock handling. Discussion remains open.

Summarized with AI on December 30. AI used: gpt-5.

Its a password protected.

Oh, sorry but as I said we cant fully edits the app. Mostly it wont listen or it wont render specially with the out of stock that needs another codes. Im just trying to give you the code just to try if it change. If it not change at all then you really need to contact the app provider.