CSS conflicts with theme
OptionWise ships its own styles, but a theme’s global CSS can sometimes
reach into the options and distort them — oversized inputs, misaligned
swatches, buttons that don’t look right. This happens when a theme applies
broad rules to elements like input, button, or label across the whole
page.
Symptoms
- Swatches or buttons are the wrong size, shape, or spacing.
- Inputs stretch full-width or pick up unexpected borders.
- Labels or text use the wrong font or weight.
These point to the theme styling the options, rather than a problem with OptionWise itself.
What to do
Get in touch with support and include your store URL, theme name, and a screenshot of the affected product page. That’s enough for us to identify which theme rules are interfering and advise on a fix.
Conflicts like these come from your theme’s CSS, so the fix lives in the theme rather than in OptionWise. Send the details above to support and we’ll pinpoint the rule that’s interfering and tell you exactly what to change.
When it’s the other way around
If instead OptionWise’s styles seem to affect the rest of your page, that’s unusual — its CSS is scoped to its own container. Double-check the misbehaving element is actually inside the OptionWise plugin before assuming OptionWise is the cause, and let support know what you’re seeing.