Custom CSS for Customer Portal

How to Update the Custom CSS of the Customer Portal in Easy Subscriptions #

You can easily customize the look and feel of the Customer Portal using the Custom CSS feature in Easy Subscriptions. This allows you to match the subscription experience with your store’s branding by editing styles such as colors, buttons, fonts, and layout elements.

Why Customize the Customer Portal? #

Using custom CSS helps you:

• Align the subscription interface with your Shopify store’s branding
• Improve customer experience and brand consistency
• Adjust layout elements for better UX

Step-by-Step: Edit Custom CSS in Easy Subscriptions #

Step 1: Open the Easy Subscriptions App #

1. Log in to your Shopify Admin Dashboard.
2. From the left-hand menu, scroll to Apps and click on Easy Subscriptions.

Step 2: Navigate to Settings #

1. Once inside the Easy Subscriptions app, look at the sidebar.
2. Click on Settings at the bottom of the menu.

Step 3: Open the Custom CSS Section #

1. In the Settings menu, locate and click on Custom CSS.
2. You’ll see a code editor area titled Custom CSS.

Step 4: Enable Custom CSS #

1. Make sure the Custom CSS toggle is turned On.
2. This allows your custom styles to override the default styling of the customer portal.

Step 5: Add or Modify CSS Code #

In the code editor, you can:

• Edit existing CSS style rules
• Add new CSS to style elements like:
  • Buttons
  • Containers and sections
  • Text and fonts
  • Backgrounds and colors
  • Spacing and padding

Step 6: Save or Reset #

• Your changes are automatically applied once you add your CSS code.
• To revert to the original design, click the Reset button in the top-right corner to remove all custom styling.