TheDaTNetwork Posted July 20, 2021 Share Posted July 20, 2021 Site URL: https://esportsengine.gg/ Hi all! First time posting - I've tried to look up the answer on this, but haven't had any luck, so please let me know if this can be found elsewhere. Anyways, I was wondering if I can replicate the look/design by using Squarespace found on this website: https://esportsengine.gg/ Specifically I'm looking at the 1st section (after the top banner) that has a red tinted video on the left with the words "WE WIN WHEN YOU WIN" on the right. It appears that the left side is a video and the right is a text block. But, when scaling the browser size, the video maintains it's aspect ratio and stays locked to the bottom and top of the section. Additionally, the words don't cross over onto the video, but instead maintain their positioning on white. On mobile the words appear beneath the video. Is is something that is possible utilizing Squarespace? Any and all help is appreciated -- total coding newbie, so go easy on me, thank you! Beyondspace 1 Link to comment
Beyondspace Posted July 21, 2021 Share Posted July 21, 2021 1 hour ago, TheDaTNetwork said: Site URL: https://esportsengine.gg/ Hi all! First time posting - I've tried to look up the answer on this, but haven't had any luck, so please let me know if this can be found elsewhere. Anyways, I was wondering if I can replicate the look/design by using Squarespace found on this website: https://esportsengine.gg/ Specifically I'm looking at the 1st section (after the top banner) that has a red tinted video on the left with the words "WE WIN WHEN YOU WIN" on the right. It appears that the left side is a video and the right is a text block. But, when scaling the browser size, the video maintains it's aspect ratio and stays locked to the bottom and top of the section. Additionally, the words don't cross over onto the video, but instead maintain their positioning on white. On mobile the words appear beneath the video. Is is something that is possible utilizing Squarespace? Any and all help is appreciated -- total coding newbie, so go easy on me, thank you! You can add video background to section and use css to make the effect available since section-background and section-content are 2 seperate divs BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
TheDaTNetwork Posted July 21, 2021 Author Share Posted July 21, 2021 @bangank36 thanks so much for your reply. Unfortunately, as I'm very new to coding, I'm not sure how to do what you described. Is there any chance you could elaborate on how to accomplish that? Or, somewhere you can point me towards more answers? Thank you again! Link to comment
tuanphan Posted July 24, 2021 Share Posted July 24, 2021 On 7/22/2021 at 1:17 AM, TheDaTNetwork said: @bangank36 thanks so much for your reply. Unfortunately, as I'm very new to coding, I'm not sure how to do what you described. Is there any chance you could elaborate on how to accomplish that? Or, somewhere you can point me towards more answers? Thank you again! Hi. Have you solved it yet? Also do you need to fix these? Site URL: https://esportsengine.gg/ 1. (Tablet – Services) Number is cut off https://esportsengine.gg/services 2. (Mobile – Services) The same here https://esportsengine.gg/services Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment