1. Banner container
#truste-consent-track .tc-track
- contains the banner. banner position is usually set here.
- if the design is gated, it contains both the banner and overlay
#trustarc-banner-overlay .tc-overlay
- controls the overlay design
2. Banner content container
#truste-consent-content .tc-content
- exclusive to gated banner design (with overlay).
- sets the design if the banner is gated
3. Left banner content
#truste-consent-text .tc-left
- new banner text container
- contains pop alert and verbiage containers
Pop alert
.tc-repop-msg (div container)
.tc-warning (icon)
.truste-repop-msg (message p class)
#truste-repop-msg-close .tc-btn-close (close button)
.tc-verbiage
- banner verbiage
4. Right banner content
#truste-consent-buttons.tc-right
- buttons container
#truste-consent-button.tc-btn-primary.tc-btn-icon
- accept all button
.tc-icon.tc-icon-accept
- accept all icon
#truste-consent-required.tc-btn-primary.tc-btn-icon
- decline all button
.tc-icon.tc-icon-decline
- decline all icon
#truste-show-consent.tc-btn-secondary.tc-btn-icon
- more settings button
.tc-icon.tc-icon-more-info
- more settings icon
#truste-powered-by.tc-powered-by
- powered by verbiage
.tc-icon.tc-ta-icon
- TrustArc icon
• Cookie/Privacy links
#truste-cookie-button .truste-cookie-link
#truste-privacy-button .truste-privacy-link
1. Overlay Header
.ta-modal-header .ta-header
• Header container
.trustarc-header
• Header subcontainer
.trustarc-header-text
• Header text
.a11y-btn-small close-modal
• Close button
2. Overlay Description
.ta-modal-body .ta-body .ta-bucket-body
• Body Container
.client-logo
• Client's logo
.description .trustarc-body-text
• Body Description
3. Overlay Description
.ta-modal-body .ta-body .ta-bucket-body
• Body Container
.client-logo
• Client's logo
.description .trustarc-body-text
• Body Description
4. Category buckets
.buckets-wrapper .buckets-list
• Category bucket container
.deselect-panel .category-details
• Category details
5. Switch Design
.bucket-switch-wrapper
• Category bucket container
6. CTA Buttons
.ta-footer-btn-container
• Buttons container
.trustarc-primary-btn .trustarc-overlay-submit-btn
• Submit button
.trustarc-declineall-btn .trustarc-overlay-decline-all-btn
• Decline Button
.trustarc-acceptall-btn .trustarc-overlay-accept-all-btn submit
• Accept button
7. Footer
.footer .ta-modal-footer-links .ta-footer-bottom
• Buttons container