How To: Customize Logo for Aruvo home screen
🧾Summary
This article provides instructions for uploading, cropping, and customizing your brand logo in the Aruvo home screen settings.
🕐 When to Use This Guide
Follow the steps in this article when:
- You want to display your company's logo prominently on the device's home screen.
- You need to adjust the size, positioning, or background appearance of your existing logo.
- You are checking how your branding will appear before saving it to the device.
✅ Before You Begin
You'll need your logo file ready. We recommend:
Prepare your high-resolution logo file, ensuring it has a 3:1 aspect ratio (e.g., 900px by 300px) and uses a contrasting or transparent background. The file must be in .png, .jpeg, or .jpg format, and be under 5 MB in size.
⚙️ Step-by-Step Setup
1. How to Show or Hide Your Logo
Here are the steps to control the visibility of your brand logo on the TV screen.
- Access Settings: Log into your Aruvo account and select "TV" from the menu located in the top left corner.
-
Find Control: Look for the "Logo" toggle switch positioned near the top of the Logo customization section.
- To show the Logo (ON): Flip the switch ON. The logo will immediately appear on the preview and your Smart TV display.
- To Hide the Logo (OFF): Flip the switch OFF. The logo preview and the display on your device will disappear.
2. How to Upload Your Logo Image
Here are the steps to select and upload your brand logo image:
-
Start Upload: Click the button labeled "Click here to change the Logo". This will open a window to browse files on your computer.
-
Select File: Choose the logo image file from your local drive.
-
Check Status: After selection, the new logo will appear in the logo preview.
-
Note: If your logo file is too large (over 5 MB) or uses an unsupported format (only
.png,.jpeg, and.jpgare allowed), you will see an error message telling you to select a different file.
-
-
Logo Image Upload: The uploaded logo image is immediately applied to the live preview and will be displayed on the TV once you click the final Save button for the entire customization section. If you need to make adjustments to the size or position, follow the steps below to crop the logo image.
3. ✂️How to Crop Your Logo
Once your logo is uploaded, follow these steps to adjust its size and position:
- Go to the "Home" section on the Aruvo Portal, and click the "TV" section in the top left menu.
- Click "Crop Logo" to launch the "Crop Your Logo" window.
Adjust Size (Zoom): Use the slider to either enlarge or reduce the size of your logo inside the cropping frame.
Move Position (Reposition): Click and drag the image within the frame to center or reposition your logo.
Fixed Ratio: Note that the cropping area is locked to a 3:1 aspect ratio, ensuring it fits perfectly on the TV screen.
Finalize:
Click "Save Cropped Image" to apply the changes.
Click "Cancel" to close the tool without saving.
Once saved, the newly cropped logo will update right away in the live preview and on your Smart TV. The finalized image is securely saved for use across the platform.
4. 🌈 How to Customize the Logo Background
Use these steps to add a background color behind your logo and adjust its visibility.
Activate Customization: Use the toggle labeled "Make Logo Stand Out With Background" to turn this feature ON or OFF.
When the Toggle is ON (Custom Background):
Opening the Background Edit Window. Before customizing the background, you must open the dedicated settings window:
Click the Edit button to launch the background editor.
When the Toggle is ON (Custom Background):
Select Color: Choose a Card Background Color using the provided color palette, or directly enter a hex color code (The default dark color is #101111).
Adjust Opacity: Control the visibility of the background using the Card Transparency slider or input box:
0% means the background is fully transparent (invisible).
100% means the background is fully opaque (solid color).
The default setting is 70%.
When the Toggle is OFF (No Background):
The system removes the background entirely, making the area behind your logo fully transparent on your device.
5. 📺 How to Use the Real-Time Live Preview
The Live Preview feature shows you exactly how your logo customizations will look on the final display.
5. 💾 How to Save or Cancel Your Changes
"After you've finished customizing your logo, click "Save" to save your settings and exit. To exit without saving and discard your changes, click "Cancel."
🛠️Troubleshooting Common Issues
Here are quick solutions for common issues you might encounter while setting up your logo and branding:
Logo not showing on TV
-
How to fix it: Ensure the "Logo" toggle switch at the top of the logo panel is turned ON.
Upload fails (error message)
-
How to fix it: Check the file requirements. Make sure your file is a compatible format (.png, .jpg, or .jpeg) and the file size is under 5 MB.
The cropping tool won't move or save
-
How to fix it: This is often a browser-related issue. Try refreshing the page or switching to a supported browser (like Chrome, Firefox, or Safari).
Background color/opacity is wrong
-
How to fix it: Verify the color code. Check that you are using a valid hex code (e.g.,
#101111) for the Card Background, and confirm that the Card Transparency slider is set to your desired level.
Comments
0 comments
Article is closed for comments.