Code for two videos side by side on dawn theme

[kgfreelance]

Hello,

My website is https://furlosophy.dog/ and I am trying to put two videos on my home page side by side with text on top of both. I currently only have one video on the page.

Is there a way to add custom code to the Dawn theme to make this work?

Thanks!

[BSS-Commerce]

Hi @kgfreelance ,

Step 1: Go to Admin → Themes → Edit code


Step 2: Find the base.css file

Step 3: Add the following code at the end of the base.css file:

section#shopify-section-template--18058713202974__fab5685b-1ed6-474b-bece-b0b8b2244f5e {
    width: 50%;
    position: relative;
}

section#shopify-section-template--18058713202974__3efc7984-2738-465d-ac08-74dee914ba5c {
    position: absolute;
    left: 50%;
    width: 50%;
    z-index: 99;
    top: 44.5%;
}

Note: You can edit the video title in Customize


Result:


Here are the results on my store:


Hope it works @kgfreelance !

[kgfreelance]

Hi there, thanks so much for this detailed response and solution! When I use the code you sent through, my home page looks like this instead of the side-by-side videos your preview site pictures have.

Is there any way to fix this?

Thank you!

[kgfreelance]

That video on the right seems to want to insert itself into the block above it?

[theglowroomva]

@kgfreelance Did you ever find a fix for the issues you had with the code? I’m having the same problem