The Custom CSS field is located at Settings > General within the OCU app.

Customize the appearance of your upsell offers by adding your own CSS styles. Just click the toggle to enable this setting, add your own custom CSS and click Save:

To apply your custom styles, use the relevant OCU classes to override the default styles for each upsell type. You can find the classes you want to override by inspecting the offer's template using your browser's developer tools.

You can also wrap your custom CSS with OCU wrapper classes to apply styles to specific offers.

📝 Styles outside of the OCU wrapper classes will not be applied.

OCU classes:

📝 <style> tags are not required. To view your applied styles, test the offer(s) live on your storefront, as Custom CSS will not be visible within the OCU offer editors directly.