Almost every visible component of Videoly widget can be customised by various CSS-styles. There are corresponding settings for it in MyVideoly.
Video list CSS
This field is designed to modify styles for video list - actual Videoly widget, which is visible on the web-page. Example below shows, how size of the font and position of the widget's title can be adjusted.
This field allows to modify styles for video-player, which is shown, when video is played. In other cases it is located in the beginning of <body>, it can be found by id "#videoly-player-box". Example below shows, how the background color of left/right arrows is changed.
Parent page CSS
This field allows to modify styles of any element on shop's product page. Modification of parent elements can be used to optimise position of improve appearance of Videoly widget.
Show more videos
The width size of the block, where Videoly widget is located, defines, how many previews of video are visible. Usually our customers have enough space for 3 previews. If there are more videos available for the product, they can be seen in expanded mode (by clicking on “show more” button). Expanded mode can look like a popup window, or as a built-in inline element, expanded on the page.
In a Popup (default)
Show overlay behind the expanded widget popup
Once the expanded widget popup is opened, the page elements around it are overlaid by grey mask to focus user's attention on videos. It is possible to disable this styling.
Widget color theme
Videoly widget has two built-in themes: light and dark. Also, there is more detailed customisation possible by multiple css-rules
Genre labels in thumbnails
By default there are small labels with video's genre on their preview. They can be disabled by choosing "hide" option.
The "More" button
Button is hidden, if all previews fit into widget. If there are more videos available, “more” button appears to enter into expanded mode. However, there is a possibility to keep this button hidden, regardless amount of available videos.
Videoly widget is shown by default in horizontal layout, however it can be placed vertically.
Enable Videoly widget on
Videoly widget is shown by default on all types of devices, however it is possible to disable widget on desktops, tablets or smartphones.
Maximum videos to show in the widget
This parameter limits maximum amount of videos, shown in the widget. It also affects quantity of videos in expanded mode.