New in Chargebee: Explore Reveal and understand your payment performance end-to-end.Try Now
Docschargebeedocs
HomeBillingPaymentsRevRecGrowthReveal
Support

Product Updates

  • Release Notes

Getting Started Guide

  • Getting Started Guide

Managing Experiences

  • Getting to know the Experience Manager

Reporting

  • Reporting Overview

Chargebee Billing Integration

  • Chargebee Billing Integration Features

Settings and Installation

  • Navigating the Chargebee Retention Settings Page
    • Integrate Chargebee Retention via Chargebee.js
    • Installing Chargebee Retention via the pre-cancel API
    • Estimating Engineering Time & Effort
    • Processing Cancels and Offers
    • Configuring Cancel Management without a Billing Integration
    • Configuring Offer Management without a Billing Integration
    • Passing Data to Chargebee Retention
    • Chargebee Retention Field Mapping
    • Setting up a Custom Domain
    • Save and Cancel Return URL Setup
    • Activity Log and Error Reporting
    • Display Revenue in Reports
    • Using Webhooks
    • Manage Alerts
    • CSS Reference
    • Setting up multiple apps (Enterprise Plan)
    • Removing test sessions from reporting
    • External Reason Key
    • Billing Admin User Role
    • The Essentials Plan
    • Managing your Chargebee Retention Plan and Usage Limits
    • Adding Chargebee Retention to ReCharge's Affinity Theme
    • Managing your team in Chargebee Retention
    • Managing Teams to Control App Access

Integrations

  • Integrations Overview

Starter Churn Insights

  • Starter Churn Insights

Retention Best Practices

  • Testing in Chargebee Retention

Security

  • Chargebee Retention Security Overview
  1. Retention
  3. Settings and Installation
  5. Navigating the Chargebee Retention Settings Page
  6. CSS Reference
Proactively retain, expand, and grow revenue with Chargebee Growth - the next evolution of Chargebee Retention.Built on top of Chargebee Billing, Growth empowers you to design, experiment, and deploy monetization strategies not just at the moment of cancel but across the entire subscriber lifecycle.Go through ourdocumentationto know more.
  1. Retention
  3. Settings and Installation
  5. Navigating the Chargebee Retention Settings Page
  6. CSS Reference

CSS Reference

Chargebee Retention experiences consist of five sections, each of which can be customized by adding additional CSS in the branding manager.

Customizations live at the Application Level within your company, and apply to all Chargebee Retention Experiences contained within the Application. The Branding Manager, which is Chargebee Retention's WISYWIG editor, includes tools and settings that are organized within the below sections:

image

You may further style your page using CSS, which is injected by using the Global CSS tool. The following sections describe the elements and attributes for which additional styling can be inserted or overridden via CSS.

**Header styling variances when using the logo position and header selector in the branding manager:

The .container class is not included in the header if the full width header is selected. Justify-content: space-around; is enabled when logo position center is selected. When logo position left is selected the element takes on the attribute justify-content: space-between;

Header

When the fixed header is selected in the branding manager the logo element of your page is nested within .container and includes a <hr> element that can be targeted for additional styling.

image

Upper plea

image

Lower plea

image

Survey

image

Was this article helpful?