Appearence

Colors

The Colors section in the Appearance tab of the Motors Plugin settings lets users customize their website’s color scheme easily. It helps adjust the overall look by changing global colors without extra coding. This makes it simple to keep the design consistent and match the website’s style to a brand or personal preference.

Built-in Color Picker of the plugin let's you choose or enter the color in any formats:

Customization

The Customization section allows you to enable or disable the Elementor global color replacement option, which applies your selected colors across the website.

• Replace Global Colors – When enabled, the selected colors will override global colors in Elementor.

Main Colors

In the Main Colors section, you can change the primary color scheme of your website.

• Accent – Defines the main highlight color used across the site.

• Background – Sets the general background color of the website.

• Secondary Background – Adjusts the color for secondary background areas.

• Accent Background – Changes the background color of accent elements.

Typography

The Typography section lets you customize text colors for better readability across the website.

• Text Color – Controls the main text color throughout the site.

• Accent Background Text Color – Defines the text color displayed over accent backgrounds.

Buttons & Badges

This section allows you to modify the colors of buttons and badges used across the website.

• Inputs and Actions – Changes the color of input fields and interactive elements.

• Special Badge – Sets the color for special badges used in listings.

• Sold Badge – Adjusts the color of the "Sold" status badge.

Success Messages

In this section, you can customize the colors of success messages displayed to users.

• Background Color – Defines the background color for success messages.

• Text Color – Sets the text color used in success messages.

Notices

The Notices section allows you to style informational messages.

• Background Color – Changes the background color of notice messages.

• Text Color – Adjusts the text color used in notice messages.

Error Messages

This section lets you configure the appearance of error messages.

• Background Color – Sets the background color for error messages.

• Text Color – Defines the text color used in error messages.

Grid/List card

In this section, you can change the colors of the elements of the Grid/List cards of the Inventory page.

• Background – Sets the default background color for grid and list cards.

• Background Hover – Defines the background color when hovering over a card.

• Title & Price – Specifies the color of titles and price text on the cards.

• Listing Options & Popup Items – Adjusts the color for listing option texts and popup item contents.

• Popup Item Hover BG – Changes the background color when hovering over popup items.

• Button – Sets the color for buttons within the grid or list cards.

Filter

This section lets you modify the colors set to the search filters of the inventory. Applicable to Modern and Modular Skins.

• Background – Sets the background color for filter components.

• Base Text – Defines the primary text color used within filter elements.

• Secondary Text – Adjusts the color for secondary or supporting text inside filters.

• Field Background – Changes the background color of input fields within filters.

• Field Text – Sets the text color inside filter input fields.

• Links/Actions – Specifies the color for links and interactive actions inside the filter section.