How to customize/change the text on the hosted checkout page

Answer to original post at How to customize/change the text on the hosted checkout page

By using some CSS hacks, you can make every default invisible and use the ::after keyword to insert your own content as follows:

.invoiceFrequency { visibility: hidden; display: none; }
.initialInvoice { visibility: hidden; display: none; }
.taxInformation { visibility: hidden; display: none; }
.singlePlan{ visibility: hidden; display: none; }
.planSelection:after {
  font-size: 20px;
  font-weight: bold;
  color: #4E4E4E;
  content: 'Headline';
}
.contentBox:after {
  content: 'Body text describing the features of your plan.';
}
  1. Thanks Christopher -- I've linked here from the original thread.

  2. Marc Guyer closed this discussion on 10 Dec, 2014 04:35 PM.

Discussions are closed to public comments.
If you need help with Cheddar please start a new discussion.

Keyboard shortcuts

Generic

? Show this help
ESC Blurs the current field

Comment Form

r Focus the comment reply box
^ + ↩ Submit the comment

You can use Command ⌘ instead of Control ^ on Mac

Recent Discussions