All Collections
kvCORE
Web & IDX
[kvCORE] WordPress Plugin: 3-Customizing Your WordPress Site
[kvCORE] WordPress Plugin: 3-Customizing Your WordPress Site

This is intended to guide those who may be familiar with markup languages or professionals who need to know best practices for our plugin.

Updated over a week ago

If you haven't yet purchased, installed, and/or set up the WordPress Plugin, please review these guides first.

IMPORTANT DISCLAIMER
The WordPress plugin is designed with customization in mind. In order to take advantage of this level of functionality, however, you must have a working knowledge of and be adept in markup languages.

If you are not familiar with markup languages, you must seek professional assistance in order to achieve your desired results.

Our Support Team cannot assist you with WordPress which is why we recommend contacting a knowledgeable professional to design exactly what you seek.

As such, this guide is only intended to guide those who may be familiar with markup languages, but not WordPress, or those professionals seeking to know what our recommended best practices are for customizing the plugin.

Customization Options

If you're new to WordPress, but not new to HTML/CSS this section is for you.

The CSS file that dictates the style of the various classes used by the plugin is baked into the installed plugin.

The most basic way to customize the plugin components is with colors. These are controlled on the 'Branding & Colors' tab in the plugin settings.

All of the different colored components are listed on this page and you can modify them at will.

At the top of this tab, you may also change the "cards & filter design" which controls how a user interacts with a listing when they mouse over it. The rollover action reveals buttons such as 'save' or 'similar listings.' At this time there are two variants to choose from.

To change the CSS properties of the various plugin components, you will have to override those CSS classes with your own versions of them using the !important override.

Those classes are all pre-appended with "kv-."

This can be done in one of two ways.

First, you could create a custom WordPress theme that has those classes defined in it.

Or you can use the Global CSS editor which is accessible whenever you're viewing your WordPress site in editor mode:

WordPress Menus

(If you are new to WordPress)

You may recall from our setup guide that the various IDX Pages were all generated by the plugin and you had to change the layout of them in order for them to display properly. Once those pages are generated, you can add them to menus in WordPress. 

Start by navigating to Appearance on the left and then click Menus.

You will see the default menus in WordPress which do not contain any of the new pages that were added by the plugin.

When viewing the Menus control panel, you can see the pages that you can add to it on the left.

You can add or remove any items within WordPress to your menus.

Related Articles

Have more questions? Please reach out to Customer Support via the blue chat bubble to the right or by emailing kvcore@insiderealestate.com!

(Keywords: WP, WordPress, plugin, website)

Did this answer your question?