The process depends on Shadow DOM being either activated or deactivated.
If Shadow DOM is activated
You need to create a css file in the assets: custom-videowise.css and then you need to add the code you need to apply.
E.g.:
#vw-root .vw-cmp__in-video-card--root .vw-cmp__in-video-card--preview{margin-bottom:12px!important;}
2. After you have created your css file, you need to add the following code in theme.liquid between head tags<head>{following code}</head>:
<script> window.videowiseShadow = { mode: 'closed', assets: [{ type: 'style', src: '{{ “custom-videowise.css” | asset_url | stylesheet_tag }}', }] }; </script>
If Shadow DOM is deactivated
You need to create a css file in the assets: custom-videowise.css and then you need to add the code you need to apply.
E.g.:
#vw-root .vw-cmp__in-video-card--root .vw-cmp__in-video-card--preview{
margin-bottom:12px!important;
}
2. After you have created your css file, you need to add the following code in theme.liquid in theme.liquid, between head tags, as follows:
<head>
….
{{ 'custom-videowise.css' | asset_url | stylesheet_tag: preload: true }}
….
</head>:
Ready to boost your sales? Pick the right plan for you here.
Didn't find what you were looking for?
Talk to your support team by chat or email.