There are a few ways you can tweak your background look & feel within kvCORE. Background images and videos can be used to personalize your website and show your clients what you have to offer!
Choosing From Default Images
Navigate to your website settings by hovering over the Web & IDX tab from the main navigation on the left-hand side. Then select 'Website Settings' from the dropdown.
Scroll down a bit to the Background Images section. Here you can select some of the default images to rotate through on your website. This gives your clients variety when viewing your website.
To select the images you want to use click the checkbox to the left of the photo. Once you're satisfied with your choices click 'Save'.
When you choose more than one image at a time, they will be chosen randomly each time your homepage is loaded.
Custom Background Images
A custom background image may be used on your kvCORE site, but there are a few tips that you can follow to make this process a little easier.
Make sure your image is 1600px wide by 650px tall, at least.
Try to make sure that your background image is as small as possible, in terms of the amount of space it takes up (try and keep images less than 1 MB). The reason this is important is that the larger the image size is, the longer it will take to upload, edit, and for website visitors to see. It's possible to optimize the size of your professional images, just ask for versions of them in jpeg format with a website-appropriate image quality setting.
To upload a custom image click on the grey area below the background image selector to upload your image or drag it into the space.
Once added, you will see some controls. Click on the edit icon (center option in the image below) to tweak your image.
3. In the edit interface, there are a few more controls that will allow you to tweak your image to your liking.
Rotate the image
Click and drag to move the cropped area
Use the drag handles to re-size the cropped area.
Click 'Confirm' when you are satisfied with your edits.
Click 'Cancel' if you prefer to not make any edits.
After your modifications are complete, you'll see the edited image ready to upload. Click the upload icon on the right.
While your image is uploading, wait for the success messages that will show on the left-hand side of the page.
Now your custom image is selectable from the background chooser at the top of the page. Select it and click 'Save!'
When you re-visit your home page, your custom image will be visible.
Background Image Enhancements.
On the website settings page, click 'Template' on the left
Dark Background Image
Scroll down to 'Dark Background Image' and click 'Yes' to enable it.
This adds a dark overlay to your background image to help tone it down, which can be useful if you find that the text on your home page is getting washed out by a bright or very noisy background.
Large Background Image
Also within the Template settings, you may find the 'Large Background Image' setting. Set it to 'Yes' to increase the size of the background image area on your homepage.
This will increase the size of the area from 550px tall to 700px tall.
Please Note: To save bandwidth background videos do not play on mobile sites. You'll want to select a background photo that will display when a user views your mobile site.
On your website settings page, click 'Template' on the left.
From the 'Templates' section you'll want to scroll down to the 'Background Video YouTube ID' field.
Here, you may specify a background YouTube video, that will play behind the header elements, graphics, and search bar on the home page. The YouTube ID comes after the "?v=" in the URL of youtube.com.
For example https://www.youtube.com/watch?v=tLxeyLyvw-0
The ID needed is: tLxeyLyvw-0
Do not include anything before or after the alphanumeric characters. Many times when you are looking at YouTube links they can be quite messy. You only want the portion after v= and before any other characters such as &, #, etc.
For example https://www.youtube.com/watch?v=tLxeyLyvw-0&t=1s
The ID here would be: tLxeyLyvw-0
This replaces the background images you have selected on all desktop versions of your website with the specified video. On mobile sites, the background images are used instead to save your users' bandwidth and keep your mobile site moving quickly..
Have more questions? Please reach out to Customer Support via the blue chat bubble to the right or by emailing firstname.lastname@example.org!