Motors Plugin > Settings > Appearance
The Appearance settings allow you to customize the visual style of your Motors website without modifying any code. From branding colors to typography and layout, this section helps you create a consistent design across the entire website.
Colors
The Colors section lets you customize your website’s global color scheme without writing any code. It provides a centralized place to manage colors used throughout the website.
- Main Colors
- Typography
- Buttons & Badges
- Success Messages
- Notices
- Error Messages
- Grid/List card
- Filter
Main Colors
The Main Colors section allows you to define the primary color palette used throughout your website. These colors are applied globally to maintain a consistent and visually appealing design across different.
- Accent — Sets the primary accent color used throughout the website.
- Background — Defines the default background color of the website.
- Secondary Background — Sets the background color for secondary sections and containers.
- Accent Background — Applies the accent background color to highlighted areas.
Typography
The Typography section lets you customize the colors used for text elements across your website. These settings help improve readability while ensuring consistent text styling throughout the interface.
- Text Color — Sets the primary text color used across the website.
- Accent Background Text Color — Defines the text color displayed on accent-colored backgrounds for better readability.
Buttons & Badges
The Buttons & Badges section lets you customize the colors of buttons, action elements, and listing badges. These settings help create a consistent appearance for interactive components.
- Inputs and Actions — Sets the color for input fields and interactive action elements.
- Special Badge — Defines the color used for special listing badges.
- Sold Badge — Sets the color of the Sold badge displayed on sold listings.
Success Messages
The Success Messages section controls the appearance of success notifications displayed throughout the website. Customize these colors to ensure success messages are clear and visually consistent.
- 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 customize the appearance of informational notification messages. These settings help notices remain visible while matching your website’s design.
- Background Color — Sets the background color for notice messages.
- Text Color — Defines the text color displayed in notice messages.
Error Messages
The Error Messages section lets you customize the colors used for error notifications. Proper styling helps users quickly identify and understand error messages.
- Background Color — Sets the background color for error messages.
- Text Color — Defines the text color displayed in error messages.
Grid/List Card
The Grid/List Card section allows you to customize the appearance of inventory cards displayed in both Grid and List layouts. These settings control the colors used for various card elements and interactions.
- Background — Sets the default background color of listing cards.
- Background Hover — Defines the background color displayed when hovering over a listing card.
- Title & Price — Sets the color of listing titles and price information.
- Listing Options & Popup Items — Controls the color of listing options and popup content.
- Popup Item Hover BG — Sets the background color displayed when hovering over popup items.
- Button — Defines the color used for buttons displayed within listing cards.
Filter
The Filter section lets you customize the color scheme of inventory search filters. These settings are available for the Modern and Modular skins to ensure a consistent search experience.
- Background — Sets the background color of the filter area.
- Border— Sets the border color of the filter area.
- Base Text — Defines the primary text color used within the filter.
- Secondary Text — Sets the color of secondary text displayed in the filter.
- Field Background — Defines the background color of filter input fields.
- Field Text — Sets the text color displayed inside filter fields.
- Links/Actions — Defines the color used for links and interactive action elements within the filter.