Custom theme

The “Custom theme” functionality in the InputWP plugin empowers you to personalize the appearance of the date/time picker to align with your brand’s aesthetics. You can customize typography colors, background colors, and labels, and change the font from a selection of Google Fonts to enhance the visual consistency of your website.

How to use

1. Accessing the Feature:
   • Log in to your WordPress admin panel.
   • Navigate to “InputWP” in the left-hand menu.
   • Click on “Settings.”
   • Go to the “Theme” section.
   • Select “Custom” from the theme options.
2. Customizing Typography Colors: In the “Typography Colors” section, you can customize the colors of various elements for different states:
   • Headers/Enabled
   • Sub-headers
   • Inactive
   • Selected/Button label
   • Disabled
   • Secondary button label/Text link
3. Customizing Background Colors: In the “Background Colors” section, you can customize the background colors for various elements:
   • Selected
   • Border (Menu items), Selected range
   • Disabled
   • Panel/Secondary button
   • Primary button/Navigation icons
4. Customizing Labels: Customize labels used throughout the date/time picker interface:
   • Clear
   • Close
   • Save
   • Today
   • Tomorrow
   • Back
   • Month
   • Year
   • Select Time
   • Available Hours
   • Time
   You can change labels to suit your branding or even translate them using input fields.
5. Selecting Fonts: In the “Font” section, you can choose from a selection of Google Fonts to apply to the date/time picker. Here are the available font options:
   • Roboto
   • Roboto Condensed
   • Roboto Slab
   • Roboto Mono
   • Open Sans
   • Open Sans Condensed
   • Lato
   • Slabo
   • Oswald
   • Source Sans Pro
   • Montserrat
   • Raleway
   • PT Sans
   • PT Serif
   • PT Serif Narrow
   • Lora
   • Noto Sans
   • Noto Serif
   • Nunito Sans
   • Work Sans
   • Merriweather
   • Playfair Display
   • Ubuntu
   • Arimo
   • Titillium Web
   • Fira Sans
   • Barlow
   • Hind
   • Karla
   • Heebo
6. Saving Changes: After customizing your theme elements, click on the “Save” button to save the changes you’ve made.

Benefits of Customizing the Theme

• Brand Consistency: With a custom theme, you can maintain consistent branding by harmonizing the date/time picker’s appearance with your website’s overall design.
• Visual Appeal: Personalizing the theme ensures that the date/time picker seamlessly integrates into your website’s aesthetic, enhancing the visual appeal for your visitors.

Customize the date/time picker’s theme to create a cohesive and appealing user experience that resonates with your brand identity.