Home → Questions →

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

• Edit

Christopher Thorpe

10 Dec, 2014 03:40 PM

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. Support Staff 1 Posted by Marc Guyer on 10 Dec, 2014 04:35 PM

   

   Thanks Christopher -- I've linked here from the original thread.

   • Edit

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