Navigation
Inside The Sphere
🏠
Home
🛠️
Smart Tools
📧
Newsletter Builder

Adding a Custom Background Pic and Video to your Website

🎬 KvCore Website Customization Tutorial - Watch the complete guide above

🏠 KvCore Website Customization Guide

Complete step-by-step instructions for customizing your KvCore website with custom backgrounds, logos, and videos.

🚀 General Navigation in KvCore

  1. Log in to KvCore. You will initially be taken to your dashboard.
  2. Navigate to "Web and IDX".
  3. From there, select "Edit Settings". This page is where you will find options for customization.
🖼️

Adding a Custom Background Picture

  1. On the "Edit Settings" page, scroll down until you see the section labeled "Upload your own image".
  2. You have two methods to upload an image:
    • Click directly on the upload area to open a file selection window, then choose your desired picture and click "Open".
    • Drag and drop your chosen image directly into the upload area.
  3. Once the image is uploaded, you can edit the view or cropping:
    • Click the "edit tool".
    • A box will appear, allowing you to move it up or down to select the desired part of the picture to display.
    • Click "Confirm" when satisfied with the framing.
  4. Crucially, click the "upload" button (or "save" if it appears) to ensure your changes are saved. If you do not click this, the changes will not be applied.
  5. To see the new background, refresh your website.

💡 Note: KvCore also provides a variety of pre-loaded background pictures if you do not have a custom one. Jeff's website, for example, uses one of the basic KvCore backgrounds.

🏷️

Adding a Logo

  1. On the same "Edit Settings" page, directly below where you upload your background image, you will find the section for uploading a logo.
  2. Similar to the background image, you can click to upload or drag and drop your logo image. If you don't have a logo yet, this area might appear as a gray box.
  3. Click "save" (or similar button) to apply the logo to your website.

💡 Note: The video host did not remove her logo to demonstrate, as it would require finding and re-uploading it.

🎬

Adding a Background Video (YouTube)

  1. Create your video: You can create a slideshow video using a program like Canva, and then upload it to YouTube.
  2. Obtain the YouTube Video ID:
    • Go to the YouTube video you want to use.
    • Look at the address bar in your browser.
    • You need to copy only the characters that come after the equal sign (=) in the URL. Copying the entire link will not work.
  3. On the KvCore "Edit Settings" page, scroll down to find the "Background Video YouTube ID" field.
  4. Paste the copied YouTube ID into this field.
  5. Click "Save".
  6. To see the video playing, refresh your website.
⚠️ Important Considerations for Videos:
  • The video resolution might not be perfectly correct, leading to black bars on the sides. You may need to experiment with video settings.
  • On mobile versions, the video will not play in the same way as on a computer; it will be a smaller, cropped version.
  • Text on your website might be hidden or poorly formatted when a video background is present.
🔄

Removing a Background Video and Reverting to a Picture

  1. Go back to the "Edit Settings" page in KvCore.
  2. In the "Background Video YouTube ID" field, delete the pasted YouTube ID.
  3. Click "Save".
  4. Scroll back up to the "Upload your own image" section and select the custom picture you want to display (or one of the KvCore default options). Ensure any other selected pictures are unchecked.
  5. Click "Save" for the image section.
  6. Refresh your website to see the picture background return.

✨ Final Tip

Customizing your KvCore website with these elements can make it look more professional and visually appealing.