Wix Video: Customizing the Design of your Video Player

You can choose the font, size and color of the title and text in your channel widget. 
The design options you see in the Design tab depend on the layout you chose in the Layout tab.

To customize your player:

  1. Click the Wix Video player in your Editor.
  2. Click Settings
  3. Click Design and customize the following: 
    • Fonts
      • Title: Click the drop-down menu to choose the font. 
      • Text: Click the drop-down menu and color picker to choose the font and color. 
    • Colors:
      • Text: Click the color box to select the text color.
      • Cover image opacity: Drag the slider to increase or decrease the opacity of the cover image.
      • Set expanded view theme: Select a theme for the expanded view; dark or light.
      • Background: Click the color box to select the background color and drag the slider to increase or decrease the opacity. 
      • Icons & Links: Click the color box to select the color of the icons and links.
      • Menu background: Click the color box to select the color of the menu background and drag the slider to increase or decrease the opacity. 
      • Menu icon & text: Click the color box to select the color of the menu icon and text.
    • Video Thumbnails:
      • Titles: Click the drop-down menu to choose the font of the title on the thumbnails.
      • Background color: Click the color box to select the color of the thumbnail background and drag the slider to increase or decrease the opacity. 
    • Button Design:
      • Main button type: Select if you want the buttons to have an icon and text, or just an icon.
      • Select the shape for the buttons on the player. 
      • Button color: Click the color box to choose the color for the buttons.
      • Text color: Click the color box to choose the color for the text on the buttons.
    • Action Buttons on Mobile:
      • Button color: Click the color box to select the color of the buttons on mobile.
      • Text color: Click the color box to choose the color for the text on the buttons on mobile.
Note:
Make sure that the background color does not match the button text and color. If the colors are the same, the button and text will not show up. 

Did this help?

|

Hire a Wix Partner

Get help with your website's design, marketing and small tasks from a professional freelancer or agency.
Start Now