Where to Start
To do the configurations you can go to the Appearance → Customize. Also, you can click on the “Customize” menu in the admin toolbar to open the customization area.
To start configuring the Listdomer theme, in the Customize section, click on “Listdomer”.
There are 8 available options here including:
- Display Options
- Header
- Sidebars
- Widgets
- Blog
- Single Listing
- Footer
- Codes
Let’s consider each option.
Display Options
Gradient First Color: The Listdomer displays buttons, separators, and other elements with a gradient effect. The gradient includes two colors and the first one can be determined here.
Gradient Second Color: Select the second color of the gradient.
Gradient Text Color: Select the color of the texts wherever displayed on a gradient background with the selected colors above.
Main Font: Select the main font of the theme.
👇 The below options are available in the Listdomer Pro.
Body Background Color: Select the main background color of the sections. The default color is #e8f1ff.
Second Background Color: This color is used on:
- Next/Previous buttons on listing pages and blog posts.
- “Submit a Review” button on the listings’ pre-made Style 2.
- Features icon background on the listings’ pre-made Style 2.
- Stats icon background on the listings’ pre-made Style 2.
- Tags item background on the listings’ pre-made Style 2.
Hover / Active Color 1: This color is used on:
- Menu’s active and hovered items.
- Listdom Frontend Dashboard icon on the header.
- Location icon in the Listdom search field.
- More Options icon in the Listdom search fields.
- Listdom active search fields border.
- Eye icon background on the style 3 of Listdom Grid and List skins and style 5 of Carousel view.
- Taxonomy items background in Listdom Masonry skin.
- The icon color and background color of the social icons in the footer.
- Simple Style of Listdom “Category Shortcode”, “Label Shortcode”, “Location Shortcode”.
- Text hover color of Listdom “Cloud Widget”
- Next/Previous buttons text on listing pages and blog posts.
- “Submit a Review” button text on the listings’ pre-made Style 2.
- Features icons color on the listings’ pre-made Style 2.
- Reviews and comments switch tabs color in Listdom Reviews addon.
- Stats icons color on the listings’ pre-made Style 2.
- Tags items color on the listings’ pre-made Style 2.
- Blog post meta data icons.
- Table header color in Listdom Table skin style 1 and 2
Hover / Active Color 2:
Main Border Color:
- Listdom Frontend Dashboard button border on the header.
- Next/Previous buttons border on listing pages and blog posts.
- “Submit a Review” button border on the listings’ pre-made Style 2.
Main Title Color:
- Carousel Style of Listdom “Category Shortcode”.
Active Text Color:
- Stats text color on the listings’ pre-made Style 2.
Headlines Color:
- Default H1 to H6 titles color e.g. Listdom archives title color.
- Listdom listings elements:
- Listings title
- Elements’ headings e.g. Description, Ads, Embed, etc.
- Today’s availability time in Style 2 of premade styles.
- Average review score text color.
- ACF custom field titles color.
- Reviews and comments switcher tabs text color in Listdom Reviews addon.
- Review’s author name color.
- Elementor widgets added by Listdomer theme:
- Content carousel widget titles.
- Posts title and author name color in Posts widget.
- The author name color in Testimonial widget.
- Title and subtitle color in Tiny image widget.
- Listdom skin shortcodes:
- Sort field text color
- Taxonomy items text color in Listdom Masonry skin.
- Titles color in Grid view style 3
- Titles in Table view style 3
- Titles in Masonry view style 3
- Titles in Carousel view style 3
- Average review score text color in Masonry style 3
- Titles in style 5 of Carousel view.
- Items title color in Clean Style and Simple Style of Listdom “Category Shortcode”, “Label Shortcode”, “Location Shortcode”
- Blog posts Archive items.
- Posts title
- Author name
Header
Header Type: Select from 5 pre-made and ready styles for the site header. You can see the demo of each style here. The type 1 is available in the Listdomer free version and to achieve the four more types you need the Listdomer Pro plugin.
Language Switcher: Display WPML language switcher in the header. It works only when WPML is installed and configured correctly.
Add Listing Button: This option shows a button Linked to “add listing form” of the Listdom frontend dashboard.
Login & Register: This option displays a button on the header linked to the “login & register form” of the site in the header. The
Login Redirection Page: Select the redirection page after user login.
Register Redirection Page: Select the redirection page after user registration. You can use this page to say thank you and guide the users to use your website.
Social Login Shortcode: You can place social login shortcodes here. Please note that you should configure the social plugin correctly otherwise you may do not see anything as output.
👇 The below options are available in the Listdomer Pro.
Background Color: Select the background color of the header.
Text Color: Select the color of the menu items on the header.
Note: If the WordPress menu that is added to the header has dropdown items, they will break into more than one column if the dropdown items exceed 15 items or a specific height.
Sidebars
👇 The below options are available in the Listdomer Pro.
Input Color:
Text Color: The title color of each element on the sidebar. Also it determines the color of each item count in the Listdom Terms widget.
Anchor Color:
Border Color: The color of the border line under the titles of each element.
Widgets
👇 The below options are available in the Listdomer Pro.
In this section, you can change:
Carousel Border Color
Active Carousel Color
Widget Color
Active Widget Color
Blog
👇 The below options are available in the Listdomer Pro.
In this section, you can change:
Text Color
Anchor Text Color
Active Anchor Color
Single Listing
👇 The below options are available in the Listdomer Pro.
Listdomer is mainly supporting Listdom Lite, Listdom Pro and Listdom add-ons views as main listing and directory plugins, and in this section you can change colors related to listings views:
Icon Color: Location icon in the Style 2 and Modal style of listings
Icon Color 2
Star Color: The color of the stars of the reviews added by Listdom Review add-on. Also this color is applied to the average rate score of the listings.
Active Color:
Slider Button Background Color:
Slider Button Color:
Footer
In the free version of Listdomer theme, you can use only one pre-made style for the footer. With the Listdomer Pro plugin 5 more types for footer are added to the Listdomer theme.
👇 The below options are available in the Listdomer Pro.
Background Color: Select the background color of the footer.
Text Color: Select the color of footer columns titles and also the color of email and phone number texts.
Frame Background Color: The background color of social icons and newsletter form field.
Frame Active Color:
Codes
In this section, you can add custom CSS codes or JavaScript codes that you want to add to the website. For example, Google Analytics is one of the main use cases of this field.
