Cookies & Visitor Data Elements
COMPONENT SELECTOR GUIDE
Cookies & Visitor Data Elements
Relevant CSS Selectors
| CSS Selector(s) | HTML Element | Picture of Element (the blue area highlights the element; the green area highlights the element's padding; the orange area highlights the element's margin) |
|---|---|---|
| Outer Containers | ||
| .sqs-cookie-banner-v2 | The banner container. |
Pop-up
Bar
|
| .sqs-cookie-banner-v2.DARK | The banner container using the "Dark" color theme. |
Pop-up
Bar
|
| .sqs-cookie-banner-v2.LIGHT | The banner container using the "Light" color theme. |
Pop-up
Bar
|
| .sqs-cookie-banner-v2.TEXT | The banner container using the "Text" call to actions. |
Pop-up
Bar
|
| .sqs-cookie-banner-v2.BUTTON | The banner container using the "Button" call to actions. |
Pop-up
Bar
|
| Banner & Pop-up Elements | ||
| .sqs-cookie-banner-v2-text | The banner text container. |
Pop-up
Bar
|
| .sqs-cookie-banner-v2-text p | The banner paragraph. |
Pop-up
Bar
|
| .sqs-cookie-banner-v2-cta-container | The Call-to-Action containers. |
Pop-up
Bar
|
| .sqs-cookie-banner-v2-acceptWrapper | The wrapper for the "Accept" call to action. |
Pop-up "Text"
Pop-up "Button"
Bar "Text"
Bar "Button"
|
| .sqs-cookie-banner-v2-accept | The "Accept" call to action. |
Pop-up "Text"
Pop-up "Button"
Bar "Text"
Bar "Button"
|
| .sqs-cookie-banner-v2-denyWrapper | The wrapper for the "Deny" call to action. |
Pop-up "Text"
Pop-up "Button"
Bar "Text"
Bar "Button"
|
| .sqs-cookie-banner-v2-deny | The "Deny" call to action. |
Pop-up "Text"
Pop-up "Button"
Bar "Text"
Bar "Button"
|
HTML Structure Explanation
The HTML structure of the Cookies & Visitor Data elements.
The HTML structure of the Cookies & Visitor Data elements.