ThomasDes
-
Posts
23 -
Joined
-
Last visited
ThomasDes's Achievements
-
Nevermind, I just had to adjust the screen size while editing and then the blocks are resizable again.
-
Why does this happen? If I try to edit anything a huge space will appear below the text block and I can't remove it. The "Other Categories" block is a code block, but the paragraph is a regular text block. It's not a padding, margin or fixed height issue. It's driving me crazy. Link to the website/page: https://steerforward.com/brand-film/the-challenge-is-real 2024-06-17-14-15-20.mp4
-
Right, it plays, but it doesn't start over once I go to another link. The A24 website gifs stop and start playing from scratch every time you go to hover over the respective heading.
-
Hello. I'm working on a Squarespace website that tries to mimic A24's gif carousel (https://a24films.com/) with multiple headings and their respective animated gifs. When the user hover over one of the headings, its corresponding gif starts playing. I managed to make the gif stop when the mouse goes outside of the headings box, however I couldn't nail making the gif stop playing once the user hovers over another heading. I'd like the gif to keep playing indefinitely UNTIL the user hovers over a different heading or presses the arrow. I understand this is achieved by replacing the gif with another image, but couldn't get it to work like I want it to. I can provide my JS and rest of the code if you need it. Thanks in advance! Link to my website is: https://steerforward.com/home-thomas
-
Beyondspace reacted to a post in a topic:
Black Space Below Embedded Video
-
THANK YOU! I adjusted it for what I needed and ended up with this: @media only screen and (max-width: 420px) { section[data-section-id="6639022d0cfdda1b60124005"] .intrinsic-inner { padding-top: 20% } } Worked like a charm. Thanks.
- 3 replies
-
- 1
-
-
- custom-css
- embed
- (and 2 more)
-
Add an image above blog post title and categories
ThomasDes replied to Bel_SquareSpace's topic in Customize with code
Hey! Old thread I know, but has someone found a way to apply the code to one blog post only, and not site-wide? If you could just let me know where to place the code or what selector to use, I can do the rest myself. Thanks! -
This was exactly the case. Thank you very much! Any idea as to why it seems to take about a second to load? Even though the black instead of green screen is much nicer, I wonder if I could avoid it altogether. Link to the website: https://www.tarakwaisafaris.com/
-
Hello. I'm having this issue on an old 7.0 website, where loading the home page will sometimes show a flashing green color screen for half a second. That color is nowhere to be found across the website styles. What could be causing this issue? Any help, suggestions, or ideas are welcome. Thanks in advance!
-
Hello! I've been trying to work out this issue with my Squarespace site for the longest time. Black space appears below a Vimeo embedded video on my page hero. It's not margin or padding, nor is the block too short to cover the full height. I've tried many different approaches with custom code but none of them seem to work. This issue is present only on mobile (below 768px). Any ideas on how I could solve this are welcome. I'll be happy to provide any additional info or code you need from me. Thanks in advance! Link to the website/page: https://steerforward.com/case-study
-
Switch Embedded Video to Landscape Mode
ThomasDes replied to ThomasDes's topic in Customize with code
I'd want the video to turn 90° and play on landscape mode, so the user would turn their phone sideways and the video would occupy 100% of the width of the phone, sideways. -
Hello. I'm using the embed block to display a video on the hero of one of my pages. On desktop it works great. On mobile the static thumbnail works just fine but, when played, the video doesn't look good. I'd want the video to turn 90° and play on landscape mode after the user clicks on "play". Is there a way to achieve this? Thanks in advance! Any feedback is welcome and appreciated. Link to the website page: https://steerforward.com/case-of-study
-
I don't want to mark it as solution because it's a mess and there has to be a simpler way, but I fixed it with this code: .video-block .video-player{ padding-bottom:43.7% !important; } // Negative margin to the section below section[data-section-id="65b7c774c34932293d538290"]{ margin-top:-1% !important; } @media screen and (min-width:1900px) and (max-width:18000px){ section[data-section-id="65b7c774c34932293d538290"]{ margin-top:-1% !important; } } @media screen and (min-width:1776px) and (max-width:1800px){ section[data-section-id="65b7c774c34932293d538290"]{ margin-top:-1% !important; } } @media screen and (min-width:1621px) and (max-width:1665px){ section[data-section-id="65b7c774c34932293d538290"]{ margin-top:-5% !important; } } @media screen and (min-width:1665px) and (max-width:1776px){ section[data-section-id="65b7c774c34932293d538290"]{ margin-top:-3% !important; } } @media screen and (max-width:1620px){ section[data-section-id="65b7c774c34932293d538290"]{ margin-top:-7.5% !important; } } @media screen and (min-width:1440px) and (max-width:1520px){ section[data-section-id="65b7c774c34932293d538290"]{ margin-top:-11% !important; } } @media screen and (min-width:1520px) and (max-width:1572px){ section[data-section-id="65b7c774c34932293d538290"]{ margin-top:-9% !important; } } @media screen and (max-width:1440px){ section[data-section-id="65b7c774c34932293d538290"]{ margin-top:-12% !important; } } @media screen and (max-width:768px){ section[data-section-id="65b7c774c34932293d538290"]{ margin-top:0 !important; } }
-
I've spent all day trying to upload a video to my website. It's a 1:1, 1080p, 30s video. When I upload it as a video block, it crops it as 16:9 and leaves two huge spaces to the sides. I tried fixing it with padding-bottom in custom CSS but it wouldn't work. I tried using a code block and embed, but none of those will work. No matter what method I use or what code I add, I can't seem to get rid of this blank space that appears between the video and the end of the section. It's not margin or padding. I've tried position:absolute - position:relative: - grid-gutter:0, height:auto - height: (760px, 810px, 1080px) - etc. Nothing worked. If you know the solution to this please let me know and any ideas are welcome. I can send you the custom CSS, or any piece of information you need. You'll see the rest of this page is a mess because it's a duplicate we aren't using. Link is https://www.theslatestudio.com/home-draft Thanks in advance!
-
I mean inside each blog entry. It's an issue throughout the entries. For example: https://www.theslatestudio.com/slate-takes/blog-post-title-one-znlnp
-
Hello! I'm facing an issue with vertically aligning the images on my blog post to the middle. Turns out I heavily custom coded these pages and I set the images to a max-height of 40vmax. The image is logically cut-off but the problem is that it focuses on the top and not the center of the image. I've already tried with the following: " .entry .sqs-block-image-figure .image-block-wrapper img{ object-fit: cover; object-position: center center; } " and variations, trying different classes, focusing on different nested divs but couldn't find a solution. If someone know what selector to target in order to make this work, it'll be hugely appreciated. Link to the blogs page: https://www.theslatestudio.com/slate-takes
SLATE.png.bb9b5972184f4e954f52de866ec52ba4.png)
