Modifying CSS

Show more videos

Show overlay behind the expanded widget popup

Widget color theme

Genre labels in thumbnails

The "More" button

Widget layout

Enable Videoly widget on

Maximum videos to show in the widget



Modifying CSS

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. 




Player CSS

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.


to the top



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)



Expanded Inline



to the top


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. 


Show


Hide


to the top



Widget color theme

Videoly widget has two built-in themes: light and dark. Also, there is more detailed customisation possible by multiple css-rules


Light (default)



Dark


to the top



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.


Show


to the top



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. 


Hide


to the top



Widget layout

Videoly widget is shown by default in horizontal layout, however it can be placed vertically. 


to the top



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. 


to the top



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.


to the top