Skip to main content

Return to TX Community

Liaison

Customizing CSS for Applicant Dashboard

DISCLAIMER: This CSS tag is not supported or maintained by TargetX and is meant as an example of how you may choose to use CSS within our products. Some or all of the customizations these tags provide may change or no longer apply to your instance at any time. If the CSS impedes expected functionality in the TargetX product at any time, we recommend you remove the CSS to regain functionality.

Adding Custom CSS

You can customize your Community Theme with CSS code by taking the following steps:

  1. Navigate to the Community Themes tab.
  2. Select Edit the Theme you want to update.
  3. In the Custom CSS field, you can enter your CSS.
  4. Save your changes.

Updating 'Offer Accepted' elements in the application

Offer Accepted Block elements display data regarding accepted applications:

  Applies to...
.app-offer-accepted-img Offer accepted image
.app-offer-accepted-title Offer Accepted Title
.checklist-offer-accepted Offer Accepted checklist
.checklist-payment-received Payment Received checklist
.make-payment Make Payment button
 

 

Updating Application elements in the Applicant Dashboard

Note: CSS code should be added to the Community Theme used for your Application.

NO APPLICATIONS ON FILE BLOCK Edit section

  Applies to...
.no-applications-title Application title
.no-applications-text Application Text

APPLICATION LIST BLOCK 

  Applies to...
.app-list-title Application List Title
.app-list-submitted-text App List Submitted text
.app-list-decision-ready-text Decison Ready text
.app-list-offer-accepted-text Offer Accepted text
.app-list-offer-declined-text Offer Declined text

OFFER ACCEPTED BLOCK 

  Applies to...
.app-offer-accepted-img offer accepted image
.app-offer-accepted-title
Offer accepted title
.checklist-offer-accepted offer accepted checklist
.checklist-payment-received Payment received checklist
.make-payment Make Payment button

OFFER DECLINED BLOCK 

  Applies to...
.app-offer-declined-img Offer declined image
.app-offer-declined-title Offer Declined Title

APP CHECKLIST BLOCK 

  Applies to...
.checklist-header Checklist Header and Title
.checklist-title
.checklist-status-icon Checklist Status icons
.checklist-item-text Checklist item Text
.checklist-item-status Checklist Item Status
.checklist-item-actions Checklist Item actions
.send-reminder Send Reminder
.change-recommender Change Recommender
.no-checklist-items-text No checklist items text

EVENTS BLOCK 

  Applies to...
.my-events My Events section
.my-events-title My Events Title
.events-nav My Events Navigation
.no-upcoming-events-text No Upcoming Events text

Updating Application Checklist elements in the application

App Checklist elements display data regarding the application checklist:

  Applies to...
.checklist-header Checklist Header and Title
.checklist-title
.checklist-status-icon Checklist Status icons
.checklist-item-text Checklist item text
.checklist-item-status Checklist item status
.checklist-item-actions checklist item actions
.send-reminder send reminder
.change-recommender change recommender
.no-checklist-items-text no checklist items text

Updating Application List elements in the application

Application list Block elements display data regarding a user's application list:

  Applies to...
.app-list-title App list title
.app-list-submitted-text App list submitted text
.app-list-decision-ready-text App List decision ready text
.app-list-offer-accepted-text App List offer accepted text
.app-list-offer-declined-text App List offere declined text

Updating Offer Declined elements in the application

Application list Block elements display data regarding a user's application list:

  Applies to...
.app-list-title App list title
.app-list-submitted-text App list submitted text
.app-list-decision-ready-text App list decision ready text
.app-list-offer-accepted-text App list offer accepted text
.app-list-offer-declined-text App list offer declined text
  • Was this article helpful?