Source: variables/_variables-wdpk.scss, line 2963
Variables to customize the Bootstrap Carousel
| Variable | Options |
|---|---|
| $wdpk-dropcaps-color | Font color for drop caps |
| $wdpk-dropcaps-font-family | Font familyfor drop caps |
| $wdpk-dropcaps-font-size | Font size for drop caps |
| $wdpk-dropcaps-padding-right | Right padding for drop caps |
| $wdpk-dropcaps-padding-left | Left padding for drop caps |
Source: variables/_variables-wdpk.scss, line 1430
Variables setting the look and feel of the accordion for the theme
| Variable | Options |
|---|---|
| $wdpk-accordion-title-color | The color of the title and the button of the accordion |
| $wdpk-accordion-body-color | The background color of the body of the accordion |
| $wdpk-accordion-body-font-color | Body font color for the accordion |
| $wdpk-accordion-header-color | The background color map for the header of the accordion |
| $wdpk-accordion-border-enable | Ste this to true if you need a border around the entire acccordion |
| $wdpk-accordion-border-map | Accordion Border Map |
| $wdpk-accordion-header-border-map | Header Border Map for the accordion |
Source: variables/_variables-wdpk.scss, line 1532
Variables setting various parameters of the animation Globally
| Variable | Options |
|---|---|
| $wdpk-animations-map | Animation properties map for all the animation classes globally for WoodPecker |
Source: variables/_variables-wdpk.scss, line 2834
Varibles for Bootstrap Badges
| Variable | Options |
|---|---|
| $wdpk-table-cell-padding | Table cell padding |
| $wdpk-table-cell-padding-sm | Table sm cell padding |
Source: variables/_variables-wdpk.scss, line 1549
Variables setting various parameters of the blockquotes
| Variable | Options |
|---|---|
| $wdpk-blockquote-font-size | Font size for the blockquote text |
| $wdpk-blockquote-padding | Padding about the blockquote |
| $wdpk-blockquote-align | Blockquote alignment left, right, center |
| $wdpk-blockquote-font-color | Font color for the Blockquote text |
| $wdpk-quote-color | the color of the quote mark |
| $wdpk-blockquote-background | Background color map for blockquote |
| $wdpk-blockquote-border-map | Border map for the blockquote element |
Source: variables/_variables-wdpk.scss, line 1642
Variables setting various parameters of the Breadcrumbs
| Variable | Options |
|---|---|
| $wdpk-breadcrumbs-background-color | Animations map for all the animation classes for WoodPecker |
| $wdpk-breadcrumbs-text-align | Alignment of the breadcrumbs flex-start, center, flex-end |
| $wdpk-breadcrumbs-font-size | Font size for the breadcrumbs |
| $wdpk-breadcrumbs-font-color | Font color for the breadcrumbs |
| $wdpk-breadcrumbs-text-decoration | Default text decoration for the elemets of breadcrumbs |
| $wdpk-breadcrumbs-hover-color | Hover color for the text in breadcrumbs |
| $wdpk-breadcrumbs-hover-text-decoration | Text decoration upon hover for breadcrumbs |
| $wdpk-breadcrumb-divider: quote(">"); | Add a divider for breadcrumb menu. The quote function is needed to generate the quotes around a string, so if you want > as separator . It’s also possible to use a base64 embedded SVG icon like this : $breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+); |
Source: variables/_variables-wdpk.scss, line 340
These are the varibales which have been commonly used to modify the look of the buttons as well as the input fields to bring about consistency in the look and feel of the forms.Shared variables that are reassigned to $input- and $btn- specific variables. Follows the same pattern as Bootstrap
| Variable | Options |
|---|---|
| $wdpk-input-btn-radius | Border Radius for buttons and input fields |
| $wdpk-input-btn-padding-y | Y-axis padding for buttons and input fields |
| $wdpk-input-btn-padding-x | X-axis padding for buttons and input fields |
| $wdpk-input-btn-font-family | Font Family for buttons and input fields |
| $wdpk-input-btn-line-height | Font Size for buttons and input fields |
| $wdpk-input-btn-focus-width | Focus border width for buttons and input fields |
| $wdpk-input-btn-focus-color | Focus border color for buttons and input fields |
| $wdpk-input-btn-focus-box-shadow | Box shadow properties on focus for buttons and input fields |
| $wdpk-input-btn-padding-y-sm | Y-axis padding for sm buttons and input fields |
| $wdpk-input-btn-padding-x-sm | X-axis padding for sm buttons and input fields |
| $wdpk-input-btn-font-size-sm | Font Size for sm buttons and input fields |
| $wdpk-input-btn-line-height-sm | Line height for sm buttons and input fields |
| $wdpk-input-btn-padding-y-lg | Y-axis padding for lg buttons and input fields |
| $wdpk-input-btn-padding-x-lg | X-axis padding for lg buttons and input fields |
| $wdpk-input-btn-font-size-lg | Font size for lg buttons and input fields |
| $wdpk-input-btn-line-height-lg | Line heioght for lg buttons and input fields |
| $wdpk-input-btn-gradient-direction | Gradient direction |
| $wdpk-input-btn-border-width | Border width |
Source: variables/_variables-wdpk.scss, line 1668
Variables setting various parameters of the Cards
| Variable | Options |
|---|---|
| $wdpk-card-spacer-y | The padding on cards on X-Axis |
| $wdpk-card-spacer-x | The padding on cards on Y-Axis |
| $wdpk-card-border-width | The border width |
| $wdpk-card-border-radius | Border radius for the cards |
| $wdpk-card-border-color | Border color for the cards |
| $wdpk-card-inner-border-radius | The inner radius assigned to the card body |
| $wdpk-card-img-overlay-padding | Image overlay padding |
| $wdpk-card-group-margin | Margin assigned grouped cards |
| $wdpk-card-deck-margin | Margin asssigned decked cards |
| $wdpk-card-columns-count | The number of columns for the decked cards |
| $wdpk-card-columns-gap | The gap between the gutter space between cards |
| $wdpk-card-columns-margin | The margin assigned to card columns |
| $wdpk-card-text-align | The align of text between the cards. Possible values center, right and left |
| $wdpk-card-title-font-size | The font size assigned to the title of the card |
| $wdpk-card-title-font-color | The titlke font color |
| $wdpk-card-body-font-size | The title font size |
| $wdpk-card-body-font-color | The body font color |
| $wdpk-card-header-font-size | The font size for the card header |
| $wdpk-card-header-font-color | card header font color |
| $wdpk-card-footer-font-size | Card footer font size |
| $wdpk-card-footer-font-color | Card footer font color |
| $wdpk-card-shadow | Map for the shadow of the card |
| $wdpk-card-body-background | Card background color map |
| $wdpk-card-header-background | Card header baqckground color map |
| $wdpk-card-footer-background | Card footer baqckground color map |
Source: variables/_variables-wdpk.scss, line 1826
Variables setting various parameters of the Carousel Shortcode
| Variable | Options |
|---|---|
| $wdpk-carousel-image-width | The width of the carousel image |
| $wdpk-carousel-image-height | the height of the carousel image |
| $wdpk-carousel-items-gap | The gap between carousel elements |
Source: variables/_variables-wdpk.scss, line 1842
Variables setting various parameters of the Clients Shortcode
| Variable | Options |
|---|---|
| $wdpk-clients-padding | Padfding for the client items |
| $wdpk-clients-border-enable | Ste this to true if border is needed around the client items and to false if the border is not needed |
| $wdpk-clients-border-color | Boorder color for the client items |
| $wdpk-clients-default-color | How the logos would look like whether colored or greyscale before hover. Options Available 'grayscale' and 'colored' |
| $wdpk-clients-default-hover-color | How the logos would look on mouse hover whether colored or greyscale before hover. Options Available 'grayscale' and 'colored' |
| $wdpk-clients-hover-animation | Hover animation for client logos, doesnt work with Carousel. Options Available 'zoomIn', 'zoomOut', 'none' |
| $wdpk-clients-colored-bg-hover | Background color on hover |
| $wdpk-clients-colored-bg-color | backgroundType option of color or of gradient and the rest of the map can be filled with the required options |
Source: variables/_variables-wdpk.scss, line 2388
Variables setting various parameters of the Comments Shortcode
| Variable | Options |
|---|---|
| $wdpk-comments-bg-color | Background color for the comments section |
| $wdpk-comments-author-img-border-radius | Border radius for the author image |
Source: variables/_variables-wdpk.scss, line 1984
Variables setting various parameters of the Counter Shortcode
| Variable | Options |
|---|---|
| $wdpk-counter-text-align | Text alignment for counter text available options center, left and right |
| $wdpk-counter-font-size | Font size for the counter |
| $wdpk-counter-font-family | Font family for the counter font |
| $wdpk-counter-font-weight | Font weight for the counter font |
| $wdpk-counter-font-color | Font color for the counter font |
| $wdpk-counter-vertical-padding | Vertical padding for the counter |
| $wdpk-counter-prefix-font-size | Prefix font size |
| $wdpk-counter-prefix-font-family | Prefix font Family |
| $wdpk-counter-prefix-font-color | Prefix font Color |
| $wdpk-counter-prefix-margin-right | Prefix right margin |
| $wdpk-counter-suffix-font-size | Suffix font size |
| $wdpk-counter-suffix-font-family | Suffix font family |
| $wdpk-counter-suffix-font-color | Suffix font color |
| $wdpk-counter-suffix-margin-left | Suffix left margin |
| $wdpk-counter-footnote-top-margin | Footnote top margin |
| $wdpk-counter-footnote-font-size | Footnote font size |
| $wdpk-counter-footnote-font-weight | Footnote font weight |
| $wdpk-counter-footnote-font-family | Footnote font family |
| $wdpk-counter-footnote-font-color | Footnote font color |
| $wdpk-counter-footnote-vertical-padding | Footnote vertical padding |
| $wdpk-counter-icon-font-size | Icon font size |
| $wdpk-counter-icon-font-color | Icon font color |
| $wdpk-counter-icon-font-hover-color | Icon font hover color |
| $wdpk-counter-icon-padding | Icon padding |
| $wdpk-counter-icon-border-radius | Icon border radius |
| $wdpk-counter-icon-border-width | Icon border width |
| $wdpk-counter-icon-border-color | Icon border color |
| $wdpk-counter-icon-border-hover-color | Icon border hover color |
| $wdpk-counter-icon-background-color | Icon background color |
| $wdpk-counter-icon-background-hover-color | Icon background hover color |
| $wdpk-counter-icon-bottom-margin | Icon bottom margin |
| $wdpk-counter-icon-font-hover-animation | Icon font hover animation. Available options 'zoomIn', 'zoomOut', 'none' |
| $wdpk-counter-background-map | Background map for the counter area |
| $wdpk-counter-border | Counter border map |
| $wdpk-counter-shadow | Counter shadow map |
Source: variables/_variables-wdpk.scss, line 2102
Variables setting various parameters of the Circle Counter Shortcode
| Variable | Options |
|---|---|
| $wdpk-circle-counter-font-size | Font size for the counter inside the circle |
| $wdpk-circle-counter-font-weight | Font weight for the counter |
| $wdpk-circle-counter-font-family | Font Family for the counter |
| $wdpk-circle-counter-font-color | Font color for the counter |
Source: variables/_variables-wdpk.scss, line 2943
Variables to customize the Dropcaps
| Variable | Options |
|---|---|
| $wdpk-dropcaps-color | Font color for drop caps |
| $wdpk-dropcaps-font-family | Font familyfor drop caps |
| $wdpk-dropcaps-font-size | Font size for drop caps |
| $wdpk-dropcaps-padding-right | Right padding for drop caps |
| $wdpk-dropcaps-padding-left | Left padding for drop caps |
Source: variables/_variables-wdpk.scss, line 2221
Variables setting various parameters of the Info Card Shortcode
| Variable | Options |
|---|---|
| $wdpk-dropdown-trigger-hover | Set this to true if you want the dropdown to trigger on hover instead of click, esle if click is needed set this to false |
| $wdpk-dropdown-min-width | The min-width assigned to the dropdown menu |
Source: variables/_variables-wdpk.scss, line 2324
Variables setting various parameters of the Dropdowns Shortcode
| Variable | Options |
|---|---|
| $wdpk-dropdown-trigger-hover | Set this to true if you want the dropdown to trigger on hover instead of click, esle if click is needed set this to false |
| $wdpk-dropdown-min-width | The min-width assigned to the dropdown menu |
| $wdpk-dropdown-padding-y | Y-axis paddign assigned to the dropdown component |
| $wdpk-dropdown-spacer | This is the top margin assigned to the dropdown menu when it is visible and from the botton which triggered visibily. `IMPORTANT: Works only when '$wdpk-dropdown-trigger-hover' is set to false |
| $wdpk-dropdown-font-size | Dropdowm menu items font size |
| $wdpk-dropdown-color | Dropdowm menu items font color |
| $wdpk-dropdown-bg | Dropdown background color |
| $wdpk-dropdown-border-color | Dropdowm border color |
| $wdpk-dropdown-border-radius | Dropdowm border radius |
| $wdpk-dropdown-border-width | Dropdowm border weight |
| $wdpk-dropdown-divider-bg | Dropdowm divider color |
| $wdpk-dropdown-divider-margin-y | Vertical margin assigned to the divider |
| $wdpk-dropdown-box-shadow | Shadow properties for the dropdowm menu |
| $wdpk-dropdown-link-color | Color of the link assigned to the dropdown menu |
| $wdpk-dropdown-link-hover-color | Link hover color for the dropdown menu |
| $wdpk-dropdown-link-hover-bg | Hover background color for dropdown menu |
| $wdpk-dropdown-link-active-color | Active link color for dropdown menu |
| $wdpk-dropdown-link-active-bg: | Active link background color |
| $wdpk-dropdown-link-disabled-color | Disabled link background color |
| $wdpk-dropdown-item-padding-y | Item Y-axis padding |
| $wdpk-dropdown-item-padding-x | Item X-Axis padding |
| $wdpk-dropdown-header-color | Font color for the header font |
| $wdpk-dropdown-header-background-color | background color for the header |
| $wdpk-dropdown-icon-margin | Right margiun assigned to the menu items icons |
Source: variables/_variables-wdpk.scss, line 2621
Variables setting various parameters of the Heading Shortcode
| Variable | Options |
|---|---|
| $wdpk-heading-head-font-size | The Heading font size |
| $wdpk-heading-head-font-family | The heading section font family |
| $wdpk-heading-head-line-height | The heading fon line height |
| $wdpk-heading-head-color | The heading font color |
| $wdpk-heading-head-margin-bottom | Bottom margin assigned to the heading |
| $wdpk-heading-separator-margin-bottom | Bottom margin for the separator |
| $wdpk-heading-separator-height | Separator height |
| $wdpk-heading-separator-width | The width of the heading separator |
| $wdpk-heading-separator-icon-font-size | Icon font size for the seprartor font |
| $wdpk-heading-separator-icon-color | Icon font color for the seprartor font |
| $wdpk-heading-separator-icon-xpadding | Icon x-padding for the seprartor font |
| $wdpk-heading-desc-font-size | Description font size |
| $wdpk-heading-desc-font-family | Description font family |
| $wdpk-heading-desc-line-height | Description font line height |
| $wdpk-heading-desc-color | Description font color |
| $wdpk-heading-desc-margin-bottom | Description text bottom margin |
| $wdpk-heading-spearator-bg-map | Heading seperator backgrodun color map |
Source: variables/_variables-wdpk.scss, line 1768
Variables setting various parameters of the Image Hover Effects
| Variable | Options |
|---|---|
| $wdpk-image-hover-image-bg | Background color for the image on hover |
| $wdpk-image-hover-figcaption-bg | Background color for the overlay figure |
| $wdpk-image-hover-figcaption-padding | Padding for the figcaption |
| $wdpk-image-hover-text-color | The overlay Text Color |
| $wdpk-image-hover-transition-duration | The duration of the animation |
| $wdpk-image-hover-shift-distance | The shift distance for the animation |
Source: variables/_variables-wdpk.scss, line 2121
Variables setting various parameters of the Infobox Shortcode
| Variable | Options |
|---|---|
| $wdpk-infobox-icon-text-align | The alignment of the icon possible values left, center and right |
| $wdpk-infobox-icon-font-size | The size assigned to the icon |
| $wdpk-infobox-icon-color | The color of the icon |
| $wdpk-infobox-icon-hover-color | Hover color for the icon |
| $wdpk-infobox-icon-margin-bottom | Bottom margin for the icon |
| $wdpk-infobox-icon-padding | The inner padding for the icon will impact the size of the background |
| $wdpk-infobox-icon-background-color | Background color for the icon |
| $wdpk-infobox-icon-background-hover-color | Hover color for the icon background |
| $wdpk-infobox-icon-border-radius | Border radius for the icon background |
| $wdpk-infobox-icon-border-color | Border color for the icon background |
| $wdpk-infobox-icon-border-hover-color | Border hover color for the icon background |
| $wdpk-infobox-icon-border-weight | Border weight for the icon background |
| $wdpk-infobox-overflow-icon | Set this to true if you want the icon to overflow the infobox else set to false |
| $wdpk-infobox-title-font-family | Title text font family |
| $wdpk-infobox-title-font-size | Title text font size |
| $wdpk-infobox-title-font-weight | Title text font weight |
| $wdpk-infobox-title-color | Title text font color |
| $wdpk-infobox-title-margin-bottom | Title text margin bottom |
| $wdpk-infobox-description-font-family | Description text font family |
| $wdpk-infobox-description-font-size | Description text font size |
| $wdpk-infobox-description-font-weight | Description text font weight |
| $wdpk-infobox-description-color | Description text font color |
| $wdpk-infobox-icon-font-hover-animation | Hover animation for the icon. Possible values zoomIn, zoomOut and none |
| $wdpk-infobox-background-map | Background map for the info box |
| $wdpk-infobox-border | Border map for the info box |
| $wdpk-infobox-shadow | Shadow map for the info box |
Source: variables/_variables-wdpk.scss, line 2775
Variables setting various parameters of the Jumbotron Shortcode
| Variable | Options |
|---|---|
| $wdpk-jumbotron-padding | Padding inside the Jumbotron |
| $wdpk-jumbotron-color | Jumbotron Font color |
| $wdpk-jumbotron-bg-map | Jumbotron background map |
| $wdpk-jumbotron-border | Jumbotron border map |
| $wdpk-jumbotron-shadow | Jumbotron shadow map |
Source: variables/_variables-wdpk.scss, line 2704
Variables setting various parameters of the Lightbox Gallery Shortcode
| Variable | Options |
|---|---|
| $wdpk-light-gallery-hover-bg-color | Image Thumbnail Hover Color |
| $wdpk-light-gallery-icon-size | The hover icon size |
| $wdpk-light-gallery-icon-color | The hover icon color |
| $wdpk-light-gallery-icon-padding | The hover icon padding |
| $wdpk-light-gallery-icon-bg-color | The hover icon background color |
| $wdpk-light-gallery-icon-border-radius | The hover icon Background Border Radius |
| $wdpk-light-gallery-icon-border | The hover icon Border properties |
| $wdpk-light-gallery-icon-hover-bg-color | The hover icon background color |
| $wdpk-light-gallery-backdrop-opacity | Gallery backdrop opacity |
| $wdpk-light-gallery-toolbar-bg | Toolbar background color |
| $wdpk-light-gallery-border-radius-base | Base border radius for the gallery elements |
| $wdpk-light-gallery-theme-highlight | Gallery highlight areas like progressbar active bg, thumbnails border.. |
| $wdpk-light-gallery-icon-bg | Gallery icons background color |
| $wdpk-light-gallery-icon-color | Gallery icons color |
| $wdpk-light-gallery-icon-hover-color | Gallery icons color |
| $wdpk-light-gallery-counter-color | Gallery counter color |
| $wdpk-light-gallery-counter-font-size | Gallery counter font size |
| $wdpk-light-gallery-next-prev-bg | Next prev controls background color |
| $wdpk-light-gallery-next-prev-color | Next prev controls icon color |
| $wdpk-light-gallery-next-prev-hover-color | Next prev controls icon color on hover |
| $wdpk-light-gallery-progress-bar-bg | Progress bar background color |
| $wdpk-light-gallery-progress-bar-active-bg | $lg-theme-highlight Progress bar highlight color |
| $wdpk-light-gallery-progress-bar-height | Height of the progress bar |
| $wdpk-light-gallery-zoomom-transition-duration | Image zoom animation duration.. |
| $wdpk-light-gallery-sub-html-bg | Sub html container background color |
| $wdpk-light-gallery-sub-html-color | Sub html color |
| $wdpk-light-gallery-thumb-toggle-bg | Thumbnail icon toggle icon background color |
| $wdpk-light-gallery-thumb-toggle-color | Thumbnail icon toggle icon color |
| $wdpk-light-gallery-thumb-toggle-hover-color | Thumbnail icon toggle icon color on hover |
| $wdpk-light-gallery-thumb-bg | Thumbnail container background color |
Source: variables/_variables-wdpk.scss, line 1502
Variables setting the look and feel of the Listy Group for the theme
| Variable | Options |
|---|---|
| $wdpk-listgroup-top-radius | The border radius for the top of the Group List |
| $wdpk-listgroup-bottom-radius | The border radius for the bottom of the Group List |
| $wdpk-listgroup-background-color | Background color for the listgroup items |
| $wdpk-listgroup-hover-background-color | Backgeround hover color for the background of list group items |
| $wdpk-listgroup-font-color | The color of the font for the items of the list group |
| $wdpk-listgroup-font-hover-color | The hover color for the font of the items of the list group |
| $wdpk-listgroup-vertical-padding | Vertical padding for the list group items |
| $wdpk-listgroup-horizontal-padding | Horizontal padding for the list group items |
| $wdpk-listgroup-border | Border properties for the list group items |
| $wdpk-listgroup-border-color | Color for the list group items |
Source: variables/_variables-wdpk.scss, line 2434
Variables setting various parameters of the Paginationwdpk-
| Variable | Options |
|---|---|
| $wdpk-progress-height | The default height of the progress bar |
| $wdpk-progress-font-size | The font size of the label inside the progress bar |
| $wdpk-progress-bg | Default background color for progress bar |
| $wdpk-progress-border-radius | Border radius for the progress bar |
| $wdpk-progress-box-shadow | Box shadow assign to progress bar container |
| $wdpk-progress-bar-color | The default font color for the progress bar label |
| $wdpk-progress-bar-bg | The default color for the progress bar |
| $wdpk-progress-bar-animation-timing | The strip animation timing |
| $wdpk-progress-bar-transition | Transitions properties for the progress bar |
| $wdpk-progress-bar-x-margin | Bottom Margin assigned to each of the progress bars |
Source: variables/_variables-wdpk.scss, line 2403
Variables setting various parameters of the Progress Bars Shortcode
| Variable | Options |
|---|---|
| $wdpk-progress-height | The default height of the progress bar |
| $wdpk-progress-font-size | The font size of the label inside the progress bar |
| $wdpk-progress-bg | Default background color for progress bar |
| $wdpk-progress-border-radius | Border radius for the progress bar |
| $wdpk-progress-box-shadow | Box shadow assign to progress bar container |
| $wdpk-progress-bar-color | The default font color for the progress bar label |
| $wdpk-progress-bar-bg | The default color for the progress bar |
| $wdpk-progress-bar-animation-timing | The strip animation timing |
| $wdpk-progress-bar-transition | Transitions properties for the progress bar |
| $wdpk-progress-bar-x-margin | Bottom Margin assigned to each of the progress bars |
Source: variables/_variables-wdpk.scss, line 1790
Variables setting various parameters of the Social Sharing Icons
| Variable | Options |
|---|---|
| $wdpk-social-sharing-theme | Sets the theme for social sharing icons. Options classic, flat, minima, outlined |
| $wdpk-social-sharing-shadow | Ste thee shadow for the social sharing icons |
| $wdpk-social-sharing-horizontal-padding | Horizontal padding for the social sharing buttons |
| $wdpk-social-sharing-vertical-padding | Vetical padding for the social sharing buttons |
| $wdpk-social-sharing-border-radius | Border radius for the social sharing icons |
| $wdpk-social-sharing-font-size | The font size for the button text |
| $wdpk-social-sharing-line-height | The line height for the button text |
| $wdpk-social-sharing-font-color | The color of the fonrt of the buttons |
| $wdpk-social-sharing-border-color | The border color for the social sharing buttons |
Source: variables/_variables-wdpk.scss, line 2860
Customizes the .table component with basic values, each used across all table variations. Impacts all table variations
| Variable | Options |
|---|---|
| $wdpk-table-cell-padding | Table cell padding |
| $wdpk-table-cell-padding-sm | Table sm cell padding |
| $wdpk-table-color | Table font color |
| $wdpk-table-bg | Table background color |
| $wdpk-table-accent-bg | Table accent color |
| $wdpk-table-hover-color | Table hover color |
| $wdpk-table-hover-bg | Table hover background color |
| $wdpk-table-active-bg | Table active background color |
| $wdpk-table-border-width | Table border width |
| $wdpk-table-border-color | Table boder color |
| $wdpk-table-head-bg | Table head background color |
| $wdpk-table-head-color | Table head font color |
| $wdpk-table-dark-color | Table dark version font color |
| $wdpk-table-dark-bg | Table dark version backgrounc color |
| $wdpk-table-dark-accent-bg | Table dark version accent color |
| $wdpk-table-dark-hover-color | Table dark version hover color |
| $wdpk-table-dark-hover-bg | Table dark version hover background color |
| $wdpk-table-dark-border-color | Table dark version border color |
| $wdpk-table-dark-color | Table dark version font color |
| $wdpk-table-striped-order | Table stripped font color |
| $wdpk-table-caption-color | Table caption font color |
| $wdpk-table-bg-level | Background color correction level |
| $wdpk-table-border-level | Border color correction level |
Source: variables/_variables-wdpk.scss, line 1878
Variables setting various parameters of the Timer Shortcode
| Variable | Options |
|---|---|
| $wdpk-timer-counter-padding | Padding For Each Timer Section |
| $wdpk-timer-counter-color | Color of the timer font |
| $wdpk-timer-counter-font-size | Font size for the timer font |
| $wdpk-timer-counter-font-family | Font family for the timer |
| $wdpk-timer-counter-font-weight | Font weight for the timer |
| $wdpk-timer-desc-padding | Timer description padding |
| $wdpk-timer-desc-color | Timer description font color |
| $wdpk-timer-desc-font-size | Timer description font size |
| $wdpk-timer-desc-font-family | Timer description font Family |
| $wdpk-timer-desc-font-weight | Timer description Font weight |
| $wdpk-timer-separator-enabled | Set to true if you need the separator to be enable and false if you do not neeed the separator |
| $wdpk-timer-separator-color | The color of the separator |
| $wdpk-timer-separator-symbol | The separator symbol to be used |
| $wdpk-timer-counter-background | Timer background map |
| $wdpk-timer-desc-background | Timer description background map |
| $wdpk-timer-counter-border | Timer Border Map |
| $wdpk-timer-desc-border | Timer Description Border Map |
Source: variables/_variables-wdpk.scss, line 2923
Variables to customize the Typing Text
| Variable | Options |
|---|---|
| $wdpk-typing-text-font-size | Font size for the typing text |
| $wdpk-typing-text-line-height | Line height for the typing text |
| $wdpk-typing-text-text-align | Text align for typing text |
| $wdpk-typing-text-font-family | Font Family for typing text |
| $wdpk-typing-text-color | The color of the text for typing text |
Source: variables/_variables-wdpk.scss, line 2483
Variables setting various parameters of the Video Shortcode
| Variable | Options |
|---|---|
| $wdpk-plyr-badge-bg | Video Player badge background color |
| $wdpk-plyr-badge-color | Video Player badge color |
| $wdpk-plyr-font-size-time | Video Player Time font size |
| $wdpk-plyr-font-size-badge | Video Player badge font size |
| $wdpk-plyr-font-size-menu | Video Player menu font size |
| $wdpk-plyr-font-weight-regular | Video Player regualr font weight |
| $wdpk-plyr-font-weight-bold | Video Player font weight bold |
| $wdpk-plyr-line-height | Video Player font line height |
| $wdpk-plyr-captions-bg | Video Player captions background color |
| $wdpk-plyr-captions-color | Video Player font color |
| $wdpk-plyr-color-main | Video Player primary color |
| $wdpk-plyr-control-icon-size | Video Player icon size |
| $wdpk-plyr-control-spacing | Video Player spacing between controls |
| $wdpk-plyr-control-radius | Video Player border radius assigned to controls |
| $wdpk-plyr-video-controls-bg | Video Player controls backgrounf color |
| $wdpk-plyr-video-control-color | Video Player controls color |
| $wdpk-plyr-video-control-color-hover | Video Player contorl hover color |
| $wdpk-plyr-video-control-bg-hover | Video Player controlss background hover color |
| $wdpk-plyr-tab-focus-default-color | Video Player tab focus default color |
| $wdpk-plyr-menu-bg | Video Player menu background color |
| $wdpk-plyr-menu-color | Video Player menu font color |
| $wdpk-plyr-menu-arrow-size | Video Player menu arrow font size |
| $wdpk-plyr-menu-border-color | Video Player menu border color |
| $wdpk-plyr-menu-border-shadow-color | Video Player menu border shadow color |
| $wdpk-plyr-menu-shadow | Video Player menu shadow properties |
| $wdpk-plyr-progress-loading-size | Video Player progress loading size |
| $wdpk-plyr-progress-loading-bg | Video Player progress loading background color |
| $wdpk-plyr-video-progress-buffered-bg | Video Player buffered background color |
| $wdpk-plyr-range-thumb-active-shadow-width | |
| $wdpk-plyr-range-thumb-height | Range thumb height |
| $wdpk-plyr-range-thumb-bg | Range thumb background color |
| $wdpk-plyr-range-thumb-border | Range thumb Border Color |
| $wdpk-plyr-range-thumb-shadow | Range thumb shadow |
| $wdpk-plyr-range-track-height | Track Range height |
| $wdpk-plyr-range-fill-bg | Range bar background color |
| $wdpk-plyr-video-range-track-bg | Range track video background color |
| $wdpk-plyr-audio-range-track-bg | Range track audio background color |
| $wdpk-plyr-audio-range-thumb-shadow-color | Range thumb audio background color |
| $wdpk-plyr-tooltip-bg | Video Player tooltip background color |
| $wdpk-plyr-tooltip-color | Video Player tooltip font color |
| $wdpk-plyr-tooltip-padding | Video Player tolltip padding |
| $wdpk-plyr-tooltip-arrow-size | Video Player tooltip arrow size |
| $wdpk-plyr-tooltip-radius | Video Player tooltip border radius |
| $wdpk-plyr-tooltip-shadow | Video Player tooltip shadow properties |
| $wdpk-plyr-audio-controls-bg | Audio player controls background color |
| $wdpk-plyr-audio-control-color | Audio player controls color |
| $wdpk-plyr-audio-control-color-hover | Audio player controls hover color |
| $wdpk-plyr-audio-control-bg-hover | Audio player controls background hover color |