| Table of Contents |
|---|
A. Colors
Colors are global and can be applied to elements via the color swatch selector in Theme Designer. Brand colors should be the first thing you define when setting up a new theme so that they are available to apply to selected elements.
...
Property / Path in TD
...
CSS Custom Prop
...
Default Value
...
Effects
...
Provided By
...
Primary Color
Brand > Primary Color
...
--ads-brand-primary-color
...
#122549
...
All primary color applications
...
NOP CSS
Primary Color : Hover
...
|
THIS DOCUMENT IS NOT MAINTAINED.
This document was created for the MVP release of TD for auditing the theme properties. It is NOT maintained. There may be properties that have been added or removed from NOP and PUI since the time this document was created.
A. Colors - NOP and Public UI
Colors are global and can be applied to elements via the color swatch selector in Theme Designer. Brand colors should be the first thing you define when setting up a new theme so that they are available to apply to selected elements.
Property / | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Primary Color
|
|
|
#0d1d3b
| All primary color |
applications | NOP CSS |
Primary Color : Hover
|
|
| All primary color : hover applications | NOP CSS |
Secondary Color
|
|
| All secondary color applications | NOP CSS |
Secondary Color : Hover
|
|
| All secondary color : hover applications | NOP CSS |
Tertiary Color
|
|
| All tertiary color applications | NOP CSS |
Tertiary Color : Hover
|
|
| All tertiary color : hover applications | Theme Designer Base Theme |
Text Color
|
|
| All body copy and headers unless set in another scope | NOP CSS |
Black
|
|
| Populates the color swatch selector in Theme Designer App with a black color option | Theme Designer App |
White
|
|
| Populates the color swatch selector in Theme Designer App with a white color option | Theme Designer App |
Grey 10
|
|
| Populates the color swatch selector in Theme Designer App with a light grey color option | Theme Designer App |
Grey 20
|
|
| Populates the color swatch selector in Theme Designer App with a medium grey color option | Theme Designer App |
Grey 30
|
|
| Populates the color swatch selector in Theme Designer App with a dark grey color option | Theme Designer App |
Link Color
|
|
| Populates the color swatch selector in Theme Designer App with a brand link color option | Theme Designer Base Theme |
B. Header - NOP and Public UI
Header props set both the Cloud Header styles and the Simple Header styles (where applicable)
Property / Path in TD | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Font Family
|
|
| All fonts in the Cloud Header and Simple Header | Theme Designer Base Theme |
Background Color
|
|
| Header background color | NOP CSS |
Text Color
|
|
| Header text color | NOP CSS |
Background Color
|
|
| Link item background hover color | NOP CSS |
Background Color
|
|
| Link item background focus color | NOP CSS |
Text Color
|
|
| Link item active text color | NOP CSS |
Background Color
|
|
| Header drawer background color | NOP CSS |
Background Color
|
|
| Header drawer item hover background color | NOP CSS |
Background Color
|
|
| Header drawer item focus background color | NOP CSS |
Text Color
|
|
| Header drawer color item text color | NOP CSS |
Box Shadow / Drop Shadow
|
|
|
Header drawer drop shadow
NOP CSS
Text Transform
Header > Text > text Transform
--ads-header-text-texttransform
none
The font casing for the header (upper, lower, capital, none/inherit)
NOP CSS
Color
Header > Menu > Button > Color
--ads-header-menu-button-color
#231f20
Header menu button icon color
NOP CSS
Background Color
Header > Menu > Button > Hover > Background Color
--ads-header-menu-button-hover-backgroundcolor
--ads-color-grey15
Header menu button background hover color
NOP CSS
Background Color
Header > Menu > Button > Focus > Background Color
--ads-header-menu-button-focus-backgroundcolor
--ads-color-grey15
Header menu button background focus color
NOP CSS
Color
Header > Cart > Icon > Badge > Color
--ads-header-cart-icon-badge-color
hsl(216, 43%, 46%)
Header Cart icon badge color
NOP CSS
Color
Header > Cart > Icon > Color
--ads-header-cart-icon-color
--ads-header-menu-button-color/#231f20
Header Cart icon color
NOP CSS
Image
Header > Cart > Logo > Image
--ads-header-logo-image
url('https://awro-dev.aspenware.net/themes/PeakResort/content/images/logo.png');
Header Logo image
NOP CSS
Width
Header > Logo > Width
--ads-header-logo-width
180px
Header Logo width
NOP CSS
C. Sidebar
Side props set the Cloud Header styles
...
Property
...
CSS Custom Prop
...
Default Value
...
Effects
...
Provided By
...
Background Color
Sidebar > Banner > Background Color
...
--ads-sidebar-banner-backgroundcolor
...
--ads-color-white
...
Cloud sidebar background color
...
NOP CSS
...
Color
Sidebar > Banner > Link > Color
...
--ads-sidebar-banner-link-color
...
#231f20
...
Cloud sidebar banner link color
...
NOP CSS
...
Background Color
Sidebar > Banner > Link > Hover > Background Color
...
--ads-sidebar-banner-link-hover-backgroundcolor
...
--ads-color-grey15
...
Cloud sidebar banner link hover color
...
NOP CSS
...
Text Transform
Sidebar > Banner > Text > Text Transform
...
--ads-sidebar-banner-text-texttransform
...
none
...
The font casing for the cloud sidebar banner text (upper, lower, capital, none/inherit)
...
NOP CSS
...
Text Color
Sidebar > Nav > Item > Text > Color
...
--ads-sidebar-nav-item-text-color
...
#231f20
...
Cloud sidebar item text color
...
NOP CSS
...
Text Transform
Sidebar > Nav > Item > Text > Transform
...
--ads-sidebar-nav-item-text-texttransform
...
none
...
The font casing for the cloud sidebar items (upper, lower, capital, none/inherit)
...
NOP CSS
...
Background Color
Sidebar > Nav > Item > Hover > Background Color
...
--ads-sidebar-nav-item-hover-backgroundcolor
...
--ads-color-grey15
...
Cloud sidebar items hover color
...
NOP CSS
...
Background Color
Sidebar > Nav > Item > Focus > Background Color
...
--ads-sidebar-nav-item-focus-backgroundcolor
...
--ads-color-grey15
...
Cloud sidebar items focus color
...
NOP CSS
...
Image
Sidebar > Banner > Logo > Image
...
--ads-sidebar-banner-logo-image
...
url('https://awro-dev.aspenware.net/themes/PeakResort/content/images/logo-sidenav.png');
...
Cloud Sidebar header logo
...
NOP CSS
...
Width
Sidebar > Banner > Logo > Width
...
--ads-sidebar-banner-logo-width
...
3rem
...
Cloud Sidebar header logo width
...
NOP CSS
D. Page Properties
Specific page level properties
Property / Path
CSS Custom Prop
Default Value
Effects
Provided By
Global
Box Shadow / Drop Shadow
Page > Dropshadow
--ads-page-boxshadow
0 0 7px rgba(42, 29, 19, 0.33)
Sets the drop-shadow on the page container. Can set to none to remove it for a “flat” page look
Theme Designer Base Theme
Background Color
Page > Background Color
--ads-page-backgroundcolorp
(the “p” on the end is intentional - it tells TD to render a Color Picker instead of the default Swatch Selector)
#f3f2f1
Sets the global page background color
Theme Designer Base Theme
Login Page
Background Image
Page > Login> Background Image
--ads-page-login-backgroundimage
--ads-page-checkout-backgroundimage
Sets the Login Page Background Image (non-Identity)
Theme Designer Base Theme
Account Page
Background Image
Page > Account > Hero > Background Image
--ads-page-account-hero-backgroundimage
url('../images/half-hero-default-1920.jpg')
Sets the Half Hero on the Account Pages
Theme Designer Base Theme
Checkout Page
Background Color
Page > Checkout > Header > Background Color
--ads-page-checkout-header-backgroundcolor
--ads-brand-primary-color
| Header drawer drop shadow | NOP CSS | ||
Text Transform
|
| none | The font casing for the header (upper, lower, capital, none/inherit) | NOP CSS |
Color
|
|
| Header menu button icon color | NOP CSS |
Background Color
|
|
| Header menu button background hover color | NOP CSS |
Background Color
|
|
| Header menu button background focus color | NOP CSS |
Color
|
|
| Header Cart icon badge color | NOP CSS |
Color
|
|
| Header Cart icon color | NOP CSS |
Image
|
|
| Header Logo image | NOP CSS |
Width
|
|
| Header Logo width | NOP CSS |
C. Sidebar - NOP and Public UI
Side props set the Cloud Header styles
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Background Color
|
|
| Cloud sidebar background color | NOP CSS |
Color
|
|
| Cloud sidebar banner link color | NOP CSS |
Background Color
|
|
| Cloud sidebar banner link hover color | NOP CSS |
Text Transform
|
|
| The font casing for the cloud sidebar banner text (upper, lower, capital, none/inherit) | NOP CSS |
Text Color
|
|
| Cloud sidebar item text color | NOP CSS |
Text Transform
|
|
| The font casing for the cloud sidebar items (upper, lower, capital, none/inherit) | NOP CSS |
Background Color
|
|
| Cloud sidebar items hover color | NOP CSS |
Background Color
|
|
| Cloud sidebar items focus color | NOP CSS |
Image
|
|
| Cloud Sidebar header logo | NOP CSS |
Width
|
|
| Cloud Sidebar header logo width | NOP CSS |
D. Page Properties - NOP and Public UI
Specific page level properties
Property / Path | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Global | ||||
Box Shadow / Drop Shadow
|
|
| Sets the drop-shadow on the page container. Can set to | Theme Designer Base Theme |
Background Color
|
(the “p” on the end is intentional - it tells TD to render a Color Picker instead of the default Swatch Selector) |
| Sets the global page background color | Theme Designer Base Theme |
Minicart | ||||
|
|
| Sets the text transform for the Continue Shopping Button in the Minicart | NOP CSS |
Login Page | ||||
Background Image
|
|
| Sets the Login Page Background Image (non-Identity) | Theme Designer Base Theme |
Account Page (Auth0) | ||||
Background Image
|
|
| Sets the Half Hero on the Account Pages | Theme Designer Base Theme |
Logo Image
|
| Sets the Logo Image on the Vouchers in Accounts | Public UI | |
Background Image |
|
| Sets the background image for Accounts Pages | Public UI |
Logo Image |
|
| Sets the Logo Image for Accounts Pages | Public UI |
Width |
|
| Sets the logo width for accounts pages on desktop. Logo Height is automatically set proportionally to width. | Public UI |
Width |
|
| Sets the logo width for accounts pages on mobile. Logo Height is automatically set proportionally to width. | Public UI |
Color |
|
| Sets the mask overlay color for the accounts page image | Public UI |
Opacity |
|
| Sets the mask overlay opacity for the accounts page image | Public UI |
Color |
|
| Sets the primary button background color for the Accounts pages | Public UI |
Color |
|
| Sets the primary button text color for the Accounts pages | Public UI |
Checkout | ||||
Background Color
|
|
| Sets the checkout page header background color | Theme Designer Base Theme |
Text Color
|
|
| Sets the checkout page header default text color | Theme Designer Base Theme |
Color
|
|
| Sets the checkout page header active text color | Theme Designer Base Theme |
Background Color
|
|
| Sets the checkout page footer background color | Theme Designer Base Theme |
Background Color
|
|
| Sets the checkout page footer button background color | Theme Designer Base Theme |
Text Color
|
|
| Sets the checkout page footer button textcolor | Theme Designer Base Theme |
Logo Image
|
|
| Sets the checkout page header logo image | Theme Designer Base Theme |
Logo Height
|
|
| Sets the checkout page header logo height | Theme Designer Base Theme |
Background Image
|
|
| Sets the checkout page background image | Theme Designer Base Theme |
PDP | ||||
Background Color
|
|
| Sets the radio button active background color | Theme Designer Base Theme |
Font Family
|
|
| Sets the PDP page checkout card header font family | Theme Designer Base Theme |
Color
|
|
| Sets the PDP page title color. | Theme Designer Base Theme |
Color
|
|
| Sets the PDP page options title color | Theme Designer Base Theme |
Background Color
|
|
| Sets the PDP page checkout button background color | Theme Designer Base Theme |
Display (Hero)
|
|
| Sets the CSS display type | Theme Designer Base Theme |
Text Transform
|
|
| Sets the text transform variant for the PDP Product title in Public UI | Public UI |
Text Transform
|
|
| Sets the text transform variant for the PDP Attribute title in Public UI | Pubic UI |
PLP | ||||
Background Color
|
(the “p” on the end is intentional - it tells TD to render a Color Picker instead of the default Swatch Selector) |
| Sets the PLP Page container background color | Theme Designer Base Theme |
Text Color
|
|
| Sets the PLP Page card button text color | Theme Designer Base Theme |
Text Color
| ||||
|
|
|
#fff
|
| Sets the PLP Page card price text color | Theme Designer Base Theme |
Text Color
|
|
|
|
|
|
|
|
|
|
|
|
| Sets the |
PLP Page card button hover text color | Theme Designer Base Theme |
Background Color
|
|
|
|
|
|
|
| Sets the |
PLP Page card button default background color | Theme Designer Base Theme |
Background Color
|
|
|
|
|
|
| Sets the |
PLP Page cards button hover background color | Theme Designer Base Theme |
Font Family
|
|
|
|
|
|
|
|
|
|
|
|
| Sets the |
PLP Page cards header font family | Theme Designer Base Theme |
Font Family
|
|
|
|
|
|
|
|
url('https://awro-dev.aspenware.net/themes/PeakResort/content/images/logo.png')
|
| Sets the PLP Page cards button font family | Theme Designer Base Theme |
Font Family
|
|
|
|
|
|
|
|
100px
|
| Sets the |
PLP Page cards price font family | Theme Designer Base Theme |
Font Family
|
|
|
|
|
|
|
url('../images/checkout-background.jpg')
|
| Sets the PLP Page cards body copy font family | Theme Designer Base Theme |
PDP
Color
|
|
|
|
|
|
|
|
|
|
|
|
| Sets the |
PLP Page cards header color | Theme Designer Base Theme |
Color
|
|
|
|
|
|
|
|
|
--ads-brand-primary-fontfamily
|
| Sets the PLP Page cards action button copy | Theme Designer Base Theme |
Display (Hero)
|
|
|
|
|
|
--ads-brand-primary-color
|
| Sets the CSS display type | Theme Designer Base Theme |
Background |
Image
|
|
|
|
|
|
|
|
|
--ads-buttons-primary-backgroundcolor
|
| Sets the |
PLP and PDP Page static hero background image | Theme Designer Base Theme |
Height
|
|
|
|
|
|
none
| Sets the |
[none, block] for the dynamic here on the PDP pages. Setting to block will display the dynamic hero and hide the static one.PLP page hero height with the following options:
| Theme Designer Base Theme |
PLP
Background Color
Page > PLP > Container > Background Color
--ads-page-plp-container-backgroundcolorp
E. Headings
These properties apply to the H1 - H5 headings globally
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Font Family |
|
|
| Sets |
the global font family to apply to the site headings [H1 - H5 unless overridden elsewhere] | Theme Designer Base Theme |
Font Color |
Page > PLP > Cards > Button > Text Color
|
|
|
| Sets the |
global color to apply to the site headings [H1 - H5 unless overridden elsewhere] | Theme Designer Base Theme |
F. Buttons - NOP and Public UI
These properties apply to the default global button styles
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Text Color |
|
|
|
|
|
|
|
--ads-brand-secondary-color
| Sets the |
global primary button text color | Theme Designer Base Theme |
Background Color |
|
|
|
|
|
|
| Sets the |
global primary button background color | Theme Designer Base Theme |
Border Color |
|
|
|
|
|
|
| Sets the |
global primary button border color | Theme Designer Base Theme |
Text Color |
|
|
|
|
|
|
|
These preset as ghost buttons. The text color property sets both the text color and the border. | Theme Designer Base Theme |
Font Family
Page > PLP > Cards > Header > Font FamilyG. Loader Spinner
These properties apply to the global page loader
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Background Color
|
|
--ads-headings-fontfamily
(the “p” on the end is intentional - it tells TD to render a Color Picker instead of the default Swatch Selector) |
| Sets the global loader background color Only shows the color if the loader image has a transparent background – otherwise the image background is shown | Theme Designer Base Theme |
Image |
Page > PLP > Cards > Button > Font Family
|
|
--ads-brand-primary-fontfamily
Sets the PLP Page cards button font family
Theme Designer Base Theme
Font Family
Page > PLP > Cards > Price > Font Family
|
| Sets the global loader image | Theme Designer Base Theme |
H. Plugins - NOP and Public UI
These properties apply to the various NOP Plugins
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Voucher (Toolbar) | ||||
Background Color
|
| |||
|
|
|
|
|
| Sets the |
background color for the Voucher toolbar [plugin] | Theme Designer Base Theme |
Background Color |
|
|
|
|
|
|
|
|
|
|
|
|
|
| Sets |
the button background color for the Voucher toolbar [plugin] | Theme Designer Base Theme |
Text Color |
|
|
|
|
|
|
|
|
|
|
|
| Sets the |
label color for the Voucher toolbar [plugin] | Theme Designer Base Theme |
Font Family |
|
|
|
|
'Shop Now'
|
| Sets the font family for the Voucher toolbar [plugin] | Theme Designer Base Theme |
Loyalty ( |
FAB) |
Page > PLP > Hero > Dynamic > DisplayBackground Color
|
|
|
|
none
[none, block] for the dynamic here on the PLP pages. Setting to block will display the dynamic hero and hide the static one.
| Sets the toggle background color for the Loyalty FAB [plugin] | Theme Designer Base Theme |
Background |
Color |
|
|
|
|
|
|
url('../images/default-category-hero.jpg')
Page > PLP > Hero > Hero Height
|
| Sets the footer background color for the Loyalty FAB [plugin] | Theme Designer Base Theme |
Height
Text Color
|
|
|
|
|
285px
|
| Sets the |
['285px', '400px', '550px']'285px' = Short Hero
'400px' = Medium Hero
'550px' = Tall Hero
Property
CSS Custom Prop
Default Value
Effects
Provided By
Font Family
--ads-headings-fontfamilyfooter link/text color for the Loyalty FAB [plugin] | Theme Designer Base Theme |
E. Headings
These properties apply to the H1 - H5 headings globally
Text Color
|
|
|
| Sets the |
body text color for the Loyalty FAB [plugin] | Theme Designer Base Theme |
Top (Position)
|
|
|
|
|
| Sets the |
Property
CSS Custom Prop
Default Value
Effects
Provided By
Text Color
Buttons > Primary > Text Colordesktop “top” position for the Loyalty FAB [plugin] | Theme Designer Base Theme |
F. Buttons
These properties apply to the default global button styles
Right (Position)
|
|
|
|
|
#fff
| Sets |
the desktop “right” position for the Loyalty FAB [plugin] | Theme Designer Base Theme |
Background Color
Buttons > Primary > Background ColorTop (Position)
|
|
|
|
|
--ads-buttons-primary-bordercolor
|
| Sets the mobile “top” position for the Loyalty FAB [plugin] | Theme Designer Base Theme |
Border Color
Buttons > Primary > Border Color
Right (Position)
|
|
Buttons > Secondary > Text Color
|
| Sets the mobile “right” position for the Loyalty FAB [plugin] | Theme Designer Base Theme |
Text Color
Image
|
|
|
|
|
Property
CSS Custom Prop
Default Value
Effects
Provided By
|
| Sets the logo image for the Loyalty FAB [plugin] | Theme Designer Base Theme |
G. Loader Spinner
These properties apply to the global page loader
Simple Footer | ||||
Background Color | ||||
|
|
(the “p” on the end is intentional - it tells TD to render a Color Picker instead of the default Swatch Selector)
#fff
Sets the global loader background color
Only shows the color if the loader image has a transparent background – otherwise the image background is shownLoader > Image
|
| Sets the background color for the simple footer [NOP Widget] | Theme Designer Base Theme |
Image
Text Color
|
|
|
url('../images/logo-mark-spinner.png')
Property
CSS Custom Prop
Default Value
Effects
Provided By
Voucher (Toolbar)
Background Color
Plugins > Voucher > Toolbar > Background Color
|
| Sets the text color for the simple footer [NOP Widget] | Theme Designer Base Theme |
H. Plugins
These properties apply to the various NOP Plugins
Image (Logo)
|
|
|
|
|
|
|
| Sets the |
logo for the |
simple footer [NOP Widget] | Theme Designer Base Theme | |||
Brand Footer | ||||
Background Color
| ||||
|
|
|
--ads-brand-secondary-color
| Sets the |
background color for the |
brand footer [NOP Widget] if implemented by a resort. | Theme Designer Base Theme |
Text Color
|
|
|
|
|
|
|
|
--ads-brand-text-color
| Sets the |
header text color for the |
brand footer [NOP Widget] if implemented by a resort. | Theme Designer Base Theme |
Text Color
|
|
|
|
|
|
|
--ads-brand-primary-fontfamily
|
| Sets the |
body text color for the |
brand footer [NOP Widget] if implemented by a resort. | Theme Designer Base Theme |
Loyalty (FAB)
Text Color
|
--ads-plugins-loyalty-fab-toggle-backgroundcolor
|
|
|
|
|
| Sets the |
link text color for the |
brand footer [NOP Widget] if implemented by a resort. | Theme Designer Base Theme |
Text Color
|
|
|
|
|
|
|
|
|
--ads-brand-grey10
|
| Sets the |
link hover color for the |
brand footer [NOP Widget] if implemented by a resort. | Theme Designer Base Theme |
image (Logo)
|
|
|
|
|
|
|
|
|
|
| Sets the logo image for the |
Theme Designer Base Theme
Text Color
Plugins > Loyalty > FAB > Body > Text Colorbrand footer [NOP Widget] if implemented by a resort. | Theme Designer Base Theme |
I. Favicons - NOP and Public UI
These properties apply to the site Favicons
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Favicon
|
|
|
|
|
--ads-brand-primary-color
Plugins > Loyalty > FAB > Position > Top
|
| Sets the default .ico low resolution favicon path | Theme Designer Base Theme |
Top (Position)
Favicon
|
|
|
|
|
|
20px
| Sets the |
Plugins > Loyalty > FAB > Position > Right16 x 16 resolution favicon path | Theme Designer Base Theme |
Right (Position)
Favicon
|
|
|
|
|
|
10px
| Sets the |
32 x 32 resolution favicon path | Theme Designer Base Theme |
Top (Position)
Plugins > Loyalty > FAB > Position > Mobile > TopFavicon
|
|
|
|
20px
Sets the mobile “top” position for the Loyalty FAB [plugin]
Theme Designer Base Theme
Right (Position)
Plugins > Loyalty > FAB > Position > Mobile > Right
--ads-plugins-loyalty-fab-position-mobile-right
10px
|
| Sets the 48 x 48 resolution favicon path | Theme Designer Base Theme |
J. Tabs - NOP Only
These properties apply to the site tab properties on the PDP
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Background Color
|
|
| Sets the tab active background color | Theme Designer Base Theme |
Background Color |
|
|
|
|
|
|
url('../images/rewards.svg')
| Sets the tab bar background color | Theme Designer Base Theme |
Simple Footer
Text Color |
|
|
|
|
|
| Sets the |
active tab text | Theme Designer Base Theme |
Text Color |
|
|
|
|
| Sets the default tab text color |
Theme Designer Base Theme |
Image (Logo)
Plugins > Simple Footer > Logo ImageK. Calendar - Public UI Only
These properties apply to global Input variables
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Text Transform
|
|
--ads-header-logo-image
|
| Sets the |
text transform variant for the |
Theme Designer Base Theme
Brand Footer
Background Color
Plugins > Brand Footer > Background ColorPublic UI Calendar Title | Public UI |
Text Transform
|
|
|
|
|
unset
| Sets the |
Theme Designer Base Theme
Text Color
Plugins > Brand Footer > Header > Text Colortext transform variant for the Public UI Calendar Month text | Public UI |
Text Transform
|
|
|
|
|
unset
| Sets the |
text |
Theme Designer Base Theme
Text Color
Plugins > Brand Footer > Body > Text Colortransform variant for the Public UI Calendar Legend text | Public UI |
L. Inputs - Public UI Only
These properties apply to global Input variables
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Text Transform
|
|
|
|
|
|
unset
| Sets the |
Theme Designer Base Theme
Text Color
Plugins > Brand Footer > Link > Text Colorinput attribute title text transform variant for Checkbox Inputs in Public UI | Public UI |
M. Border - Public UI Only
These properties apply to global border variables like radius, width, and color.
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Text Transform
|
|
unset
|
| Sets the |
Theme Designer Base Theme
Text Color
Plugins > Brand Footer > Link > Hover > Textglobal base border radius for elements that inherit from this variable | Public UI |
N. Breadcrumbs - Public UI Only
These properties apply to the breadcrumbs in Public UI
Property | CSS Custom Prop | Default Value | Effects | Provided By |
|---|---|---|---|---|
Color
|
|
|
|
|
|
|
|
unset
Sets the |
active color for the |
Theme Designer Base Theme
image (Logo)
Plugins > Brand Footer > Logo > Imagebreadcrumbs in Public UI | Public UI |
Color
|
|
|
|
|
|
|
|
|
|
| Sets the |
Theme Designer Base Theme
I. Favicons
These properties apply to the site Favicons
Property
CSS Custom Prop
Default Value
Effects
Provided By
Background Color
Brand > Favicons > Ico Favicon
--ads-brand-favicons-ico-favicon
unset
Sets the default .ico low resolution favicon path
Theme Designer Base Theme
Brand > Favicons > 16x16 Favicon
--ads-brand-favicons-16x16-favicon
unset
Sets the 16 x 16 resolution favicon path
Theme Designer Base Theme
Brand > Favicons > 32x32 Favicon
--ads-brand-favicons-32x32-favicon
unset
Sets the 32 x 32 resolution favicon path
Theme Designer Base Theme
Brand > Favicons > 48x48 Favicon
--ads-brand-favicons-48x48-favicon
unset
Sets the 48 x 48 resolution favicon path
active hover color for the breadcrumbs in Public UI | Public UI | |||
Color |
|
| Sets the inactive color for the breadcrumbs in Public UI | Public UI |
Font Weight |
|
| Sets the font weight for the breadcrumbs in Public UI | Public UI |
Text Transform
|
| None | Sets the text transform variant for the breadcrumbs in Public UI | Public UI |