Hallo,
Ich nutze das Theme Ride da ich dort mit dem normalen Video Abschnitt leider nur Links aua YT oder Vimeo hinzufügen kann habe ich nach einem fertigem HTML-Code gesucht.
Nach kurzer Suche habe ich einen gefunden. Dieser Funktioniert auch genauso wie ich ihn haben möchte.
Jetzt zu dem Problem:
Wenn ich den Abschnitt (Video-Backround) nach oben verschiebe an die gewünscht Position schiebt das Video alle anderen Abschnitte zu weit nach unten über das Ende der Seite sogar hinaus.
Meine frage wäre wie ich den HTML-Code abändern kann sodass der Abstands halter unter dem Video geringer wird.
Unten habe ich einmal den Code angefügt.
Vielen dank im vorraus
Mit freundlichen Grüßen
InfinityPrint24 Team
Show More
{%- if block.settings.video_link != blank -%}
{% endif %}
{% if block.settings.title != blank %}# {{ block.settings.title | escape }}{% endif %} {%- style -%} .videoBackground .imageBoxInfoDescription p { color: {{ block.settings.color_text }}!important; } {%- endstyle -%} {% if block.settings.text != blank %}{{ block.settings.text }}
{% endif %} {% if block.settings.button_link != blank and block.settings.button_label != blank %} {{ block.settings.button_label | escape }} {% endif %}
{% else %}
{% if block.settings.title != blank %}# {{ block.settings.title | escape }}{% endif %} {%- style -%} .videoBackground .imageBoxInfoDescription p { color: {{ block.settings.color_text }}!important; } {%- endstyle -%} {% if block.settings.text != blank %}{{ block.settings.text }}
{% endif %} {% if block.settings.button_link != blank and block.settings.button_label != blank %} {{ block.settings.button_label | escape }} {% endif %}
{% endif %} {%- endfor -%} {% else %}This section doesn’t currently include any content. Add content to this section using the sidebar.
{%- endif -%} {% schema %} { "name": { "en": "Video Background" }, "class": "videoBackground", "max_blocks": 1, "blocks": [ { "type": "video", "name": "Video", "settings": [ { "type": "url", "id": "video_link", "label": { "en": "Video link" } }, { "type": "image_picker", "id": "video_image", "label": { "en": "Cover image" } }, { "type": "range", "id": "overlay_opacity", "label": { "en": "Overlay opacity" }, "min": 0, "max": 99, "step": 1, "unit": { "en": "%" }, "default": 0 }, { "type": "header", "content": { "en": "Text" } }, { "type": "text", "id": "title", "label": { "en": "Heading" }, "default": "Video slide" }, { "type": "richtext", "id": "text", "label": { "en": "Description" }, "default": { "en": "
Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.
" } }, { "type": "color", "id": "color_text", "label": { "en": "Text color" }, "default": "#ffffff" }, { "type": "text", "id": "button_label", "label": { "en": "Button label" } }, { "type": "url", "id": "button_link", "label": { "en": "Button link" } }, { "type": "color", "id": "color_btn_bg", "label": { "en": "Background button color" }, "default": "#ffffff" }, { "type": "color", "id": "color_btn_text", "label": { "en": "Button text color" }, "default": "#ffffff" } ] }, { "type": "image", "name": "Image", "settings": [ { "type": "color", "id": "color_bg", "label": { "en": "Background color (optional)" }, "default": "#16165b" }, { "type": "image_picker", "id": "image_bg", "label": { "en": "or use an image (required)" } }, { "type": "range", "id": "overlay_opacity", "label": { "en": "Overlay opacity" }, "min": 0, "max": 99, "step": 1, "unit": { "en": "%" }, "default": 0 }, { "type": "header", "content": { "en": "Text" } }, { "type": "text", "id": "title", "default": "Image slide", "label": { "en": "Heading" } }, { "type": "richtext", "id": "text", "label": { "en": "Description" }, "default": { "en": "
Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.
" } }, { "type": "color", "id": "color_text", "label": { "en": "Text color" }, "default": "#ffffff" }, { "type": "text", "id": "button_label", "label": { "en": "Button label" } }, { "type": "url", "id": "button_link", "label": { "en": "Button link" } }, { "type": "color", "id": "color_btn_bg", "label": { "en": "Background button color" }, "default": "#ffffff" }, { "type": "color", "id": "color_btn_text", "label": { "en": "Button text color" }, "default": "#ffffff" } ] } ], "presets": [ { "name": { "en": "Video Background" }, "category": { "en": "Main" }, "blocks": [ { "type": "video" } ] } ] } {% endschema %} ```