Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search

caseyscalf

Member
  • Content Count

    36
  • Joined

  • Last visited

Everything posted by caseyscalf

  1. Thanks! I noticed that dropping the resolution helped significantly as well! Did a few A vs B vs C tests and both options helped. Thank you!
  2. Site URL: https://www.sensebellum.com/ I am getting some great results integrating video on my site by using an embed code. I am wondering how to optimize for quick loading though. If I were to do any of the following would it help speed up load times? A) Render the video at 1280 x 720 vs 1920 x 1080. B) Shorten the time of the video such as 10 seconds vs 60 seconds.
  3. BOOM! Nailed it. This is how you do it. Make the Width & Height 100%. <div style="padding:56.25% 0 0 0;position:relative;"> <a href="https://www.sensebellum.com/new-page" style="position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%; z-index:5;"></a> <iframe src="https://player.vimeo.com/video/440169206?background=1?autoplay=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen> </iframe> </div>
  4. Progress! I am able to make a transparent rectangle that takes the user to the new page! Woo! I learned about it here. So the only problem is that the size of the rectangle does not change responsively like the video does. How can we easily code for this? <div style="padding:56.25% 0 0 0;position:relative;"> <a href="https://www.sensebellum.com/new-page" style="position:absolute; top:0; left:0; display:inline-block; width:1000px; height:500px; z-index:5;"></a> <iframe src="https://player.vimeo.com/video/440169206?background=1?autoplay=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen> </iframe> </div>
  5. Progress! I am able to make a transparent rectangle that takes the user to the new page! Woo! I learned about it here. So the only problem is that the size of the rectangle does not change responsively like the video does. How can we easily code for this? <div style="padding:56.25% 0 0 0;position:relative;"> <a href="https://www.sensebellum.com/new-page" style="position:absolute; top:0; left:0; display:inline-block; width:1000px; height:500px; z-index:5;"></a> <iframe src="https://player.vimeo.com/video/440169206?background=1?autoplay=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen> </iframe> </div>
  6. I'm not sure I'm being completely clear here. There is going to be a video on my website. Someone's going to click it. It's going to take them to another page on my website. Super simple. A video as a button. How do you modify the code above to do this? As you can tell I am really close. The single line of pixels above the video is clickable and it takes you to the URL. I'm just not getting the syntax right or something and it's not turning the entire video into a button. How do I using the code block posted above make this so the entire video is clickable? Conversely can I make a transparent rectangle as a button that lays over the top? then when they try and click the video, really a transparent rectangle that has a hyperlink in it, it will act as if they click the video and it was a button. Boom. It takes them to a new page on my website. Super simple. We are going to do this and I would love if you had any insight.
  7. Hello. I need the user to click on the video and be taken to a new page. How can we do this? The code I posted is very close to working. Do you know how to tweak it to achieve this effect? Or, do you know of another way to present a video on the website and turn it into a click-through link? Thanks!
  8. Okay this is where I ended up. The first row of pixels is the link but not the video. <div style="padding:56.25% 0 0 0;position:relative;"> <a style="display:contents" href="https://www.sensebellum.com/the-sandbox-of-life"> <iframe src="https://player.vimeo.com/video/440169206?background=1?autoplay=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen> </iframe> </a> </div>
  9. For some reason it works on mobile sometimes.... Maybe the area to click is really small? It's not obvious why it only works some places. Nothing on desktop yet.
  10. Well then I just ended up making a brand new code block on the page and starting with this. I feel I am realllllly close. Trying to somehow wrap the iframe or div as a clickable thing as per this article. I feel like it is possible I am just not that well versed at the exact syntax yet. Is that something that can be done? Thanks! <div style="padding:56.25% 0 0 0;position:relative;"> <a href="https://www.sensebellum.com/the-sandbox-of-life"> <iframe src="https://player.vimeo.com/video/440169206?background=1?autoplay=1&loop=1&title=0&byline=0&portrait=0" style="position:absolute;top:0;left:0;width:100%;height:100%;" frameborder="0" allow="autoplay; fullscreen" allowfullscreen> </iframe> </a> </div>
  11. This is as far as I got tonight. It works on desktop but not on mobile. Probably due to screen size. Maybe there are some ways I can improve this? Would love to actually just click the video instead of putting some HTML text over the top. Thanks! <div style="position: fixed; text-align: center; z-index: 1000; width: 100%; position: absolute; top: 1000px; height: 100%"> <h2> <a href="https://www.sensebellum.com/the-sandbox-of-life">The Sandbox of Life</a> </h2> </div>
  12. Getting really close to dialing in the auto-play videos now and I'm curious if there is one possibility. Can you add some sort of click through link on a video? I'm doing an autoplay video from Vimeo. I read somewhere on how to hide the UI. Looks super clean. I can figure out how to say bake a bit of text that looks like the button into the video itself. But I need to make it go somewhere. I'm really trying not to make it take the user to a new page. You know, a click-through link just like the pictures do? What can be done here? I am open to getting crafty. Thanks!
  13. I know the purpose of the Cover Page is to be a "single-page website". I like that part for sure. It's easy to have a really killer landing page for another part of my site away from the homepage. It is so nice to have the full screen autoplay video with photo fallback, the super straightforward interface, and the ease of designing. There's just one problem. It would be really great to add to this. It would nice to continue being able to edit like a normal page would. I'd like to add some more pictures below so you can scroll down and away from the "Cover page" itself. Is this even possible? how hacky is it? Is there another way to achieve that full screen video away from the home page? Maybe I can kind of create my own blend? What path would you recommend checking out based on the desire above? Thanks!
  14. I accidentally entered the Mailing List the wrong way. Needed to delete and try again. When I tried to delete as the doc suggests I instead I received this message: What is going on? Do I need to wait? I have not setup any Newsletter Blocks OR Promotional Pop-ups. I looked. Could look again. Thanks for any tips!
  15. Just getting familiar with the Marketing side of Squarespace. It is appealing to have it all in one place. As I dig into the organization of the Subscribers I am curious on how to do basic tasks. Maybe there is a way I am not seeing. First of all, I have read the docs and they were very helpful. I however did not see these things which is why I ask. https://support.squarespace.com/hc/en-us/articles/360001280708-Building-mailing-lists 1) How can you edit a Subscriber? I read in the docs that the way to "Edit Subscribers" is to add a new Subscriber with the email you wish to update and then just include the new name. Is that really the only way? Kind of seems like a work around why not just a edit dialogue right there like most fields on the site? 2) How can you move OR copy a Subscriber from one Mailing List to another? Maybe the Subscriber should actually be in List A vs List B. How can I move OR copy that Subscriber? It seems currently the only way is to delete the Subscriber and then manually re-enter (or with a .csv). 3) Can you add any other information to a Subscriber like tags, descriptors, dates, etc? I am thinking that if I don't implement good organizations practices now it could get out of hand and hard to manage with 1,000's of emails. Thank you very much for any help or tips on how other people organize their Mailing Lists!
  16. Vani, where do you put this code? For each page? Or in the site wide Custom CSS? Thanks!
  17. I am trying to delete a product variant. I do not see a delte button as the Squarespace tutorial says: https://support.squarespace.com/hc/en-us/articles/206540687-Adding-basic-product-variants#toc-step-5---delete-a-variant--optional- Why is this? How can I delete a variant without deleting the entire product? I tried scrolling, expanding the window, etc. Nothing changes. I am on the latest version of Chrome on Mac OSX. Thank you,
  18. In addition I loaded a "fallback image" and that also did not appear so I do not think there is an issue with the video not being good for viewing, etc.
  19. Site URL: https://www.sensebellum.com/ I really would like to get a video to auto play on my home page. I don't want a cover page. I want to have a page in my index that has a full bleed video auto play. I have no idea why it won't work so I am reaching out for help. I tried pasting the video into the page. I just get a black screen... It even works on a similar website I have but not this one! Any tips? Any more info I can provide? Right now I have a gallery play on the home page. I would like to replace that with a video that plays automatically. Once again, not a cover page, not an embedded "must-click-to-play" kind of thing. But a large auto play video. These have been hot since 2014. Please tell me there is a way. Here is the video:
  20. Site URL: https://www.sensebellum.com/portfolio I am struggling to figure out how to change either the text size or padding for a "poster caption" on an image block. I have tried lots of CSS but nothing seems to work. How can I make the text smaller? Or, how can I add padding? I am trying to have the text: "The Sensatorium" not get chopped off at the end. Pretty simple. Kind of hard to figure out. Anyone have any ideas?
  21. How can you do this with an "image poster" block instead?
  22. Hello, unfortunately none of this works. Is there a new line of code? Here in 7.0 with Pacific and it is very difficult to change the text size.
  23. None of these work in 7.0 with Pacific. It would be great to find a fix for this!
×
×
  • Create New...