Jump to content


Circle Member
  • Posts

  • Joined

  • Last visited

Everything posted by dotandpeg

  1. Hi @tuanphan, I am adding a grid to my site. I would like the title, description with link to appear underneath the images and used your code (above), but it's not working correctly. (see screengrab) This is the site https://vanilla-sawfish-kk9x.squarespace.com/meditations-1. I need: - customise the title font - Customise the description font - Show title - Show description - Show link Thanks Laura
  2. Thanks for responses but I have actually changed my mind and think for what I need a grid is better.
  3. @miserytakeme Nice one! I might revisit this and see if I can do it too, can you show me the end result?
  4. Thanks @tuanphan. It's very strange but I don't seem to get those options all the time, they seem to be hidden. But after going in and out of the settings about 20 times, they appeared. I just wasn't seeing them. Anyway all sorted now, thank you.
  5. Hi @Ziggy, I've found the issue as I realised none of my videos are looping. I added the below code to my sites' footer injection as I only wanted the homepage video on desktop and mobile to loop once but it was affecting everything. I have moved the code to my homepage advanced settings and this has fixed the issue. Thanks <!-- LOOP VIDEO ONCE HOMEPAGE--> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script> <script> jQuery(document).ready(function($){ setTimeout( function() { $('video').removeAttr('loop'); }, 5000); }); </script> <!-- LOOP VIDEO ONCE HOMEPAGE-->
  6. Hi, I have lots of looping videos on my site, but I have one that will not loop even though I have selected that in the settings. Any ideas why it might not be working? https://chameleon-copper-hgx3.squarespace.com/work/cult-wine-investment gravy2024 It's this video (see screengrab). Thanks Laura
  7. Hi, I have a carousel gallery block. Is there a way to add an external link to the text that says 'CLICK IMAGE TO LISTEN NOW' in the image text description. https://vanilla-sawfish-kk9x.squarespace.com/meditations-1 Thanks as always, Laura
  8. Hi, I have a carousel gallery block that has titles and descriptions overlayed on desktop (see screengrab). They vanish on mobile (see screengrab). I need help with: - Make the title & description always visible on the image or below the image for mobile - Remove the row of thumbnails on mobile https://vanilla-sawfish-kk9x.squarespace.com/meditations-1 Thanks as always, Laura
  9. Hi @rishachesterfield, Photo attached. I am viewing this on an old-ish iphone using Chrome. I wonder whether it's just to do with that. Weirdly when I took a screengrab from my phone the line doesn't show on the photo, so have had to take a photo of it using another phone. Thanks Laura
  10. Hi, I have got a video that has a got a really thin black line around the edge when I test it on a iphone. Is there some CSS that can get rid of this? https://chameleon-copper-hgx3.squarespace.com/work/guardian-glass password: gravy2024 It is the iphone mock up video. I have tried this code, which I found on another post but it didn't work. Thanks as always, Laura div#block-yui_3_17_2_1_1680770527734_7512>div>div { overflow: hidden; } div#block-yui_3_17_2_1_1680770527734_7512>div>div iframe { left: 1px !important; }
  11. I've figured this out, I used this for mobile on a few different video blocks and this has worked to make them bigger. I just adjusted the padding figure to make them bigger or smaller. @media screen and (max-width:767px) {section[data-section-id="65c647115dbb9c51b53ba6e1"] .sqs-native-video .native-video-player { padding-top: 80%; } }
  12. I tried this, which does make everything bigger but it does not keep everything in its container, it just makes the page wider. I wonder if there's some code to add so that it stays in the container or the padding gets deleted? /* resize mobile video */ @media screen and (max-width:767px) { #block-yui_3_17_2_1_1707902563468_6402 { width: 150%; margin: 0 auto; } #block-yui_3_17_2_1_1707902563468_6402 { width: 150%; margin: 0 auto; } }
  13. Thanks @tuanphan Is there a way to make it bigger for mobile, it currently looks like the attached.
  14. Hi @tuanphan, This is very nearly perfect, except the video on the left is slightly longer than the image on the right. See screengrab. I thought a work around is to put a white box over the bottom of the two images (see screengrab) so they look aligned but wondering if there was a better way with code. Thanks Laura
  15. Hi @tuanphan, Yes that is how I would like it. I've tried lots of different code that people have suggested but cannot get it to work.
  16. I also realised that when I resize the homepage the main title in the middle gets very close to the edges. I have tried to adjust the padding but have no made it work. Do you have ay ideas?
  17. I've done it! #block-yui_3_17_2_1_1708079475938_17513 h1, { font-family: "Libre Baskerville"; } Thanks
  18. I also meant to say that I have got this code in my CSS code. D you think some of it is conflicting with what we've just added? //Gallery Grid: masonry// img:hover{transform: scale(1.05)} img:hover{transition:(1000ms)} //Title appear and colour overlay on gallery block images// .slide a:after { position: absolute; content: ""; display: block !important; background: rgba(85,98,94,0.8); z-index: 999; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 0.5s; pointer-events: none; padding: 35px; } .slide a { position: relative; } .slide a { position: relative; opacity: 1 !important; } .slide:hover a:after { opacity: 1; } .image-slide-title { font-size: 24px !important; font-weight:normal; position: absolute; top: 48%; left: 50%; transform: translate(-50%,-50%); width: 70%!important; color: white; opacity: 0; z-index: 1000; transition: all 0.5s; pointer-events: none; padding: 50px !important; line-break: normal; white-space: initial !important; text-align: center !important; font-family: "Libre Baskerville"; text-justify: none; } .slide:hover .image-slide-title { opacity: 1; }
  19. @tuanphan Brilliant, that has worked. Thank you, it is looking great. I've been able to change the font and the weight etc. for the client name which is exactly what I wanted to do. There are a couple of things that I need to try and fix for mobile: - Can all the text left align for mobile? - Can the text be visible on mobile all the time, no rollover - Can the grey overlay be visible all the time so the text is legible I have two gallery blocks on my site and I only want the hover effects to occur on the homepage gallery blocks. Is there a way to just isolate my hover code to just the homepage gallery block? The other gallery block is where the logos are on the about us page https://chameleon-copper-hgx3.squarespace.com/aboutus Thanks again.
  20. Hi @nick_sh, Thanks for the response. I copied this into my markdown box above my existing code, but nothing happened. Have I done it correctly? Alternatively I did think, that if I put the text in as H1, can I use CSS to target that one text block and tell it to be a different font - Libre Baskerville? Am I making things more complicated by using a markdown. <style> @media (max-width: 767px) { .mrk_text { font-size: 1rem !important; } } </style>
  21. Hi, I have one sentence of text on my site that is a different font from elsewhere and so I put it into a markdown box. I am struggling to get it to resize smaller for mobile. This is my markdown code: <div style="text-align:center"><span style="color: #ffffff; font-family: Libre Baskerville; line-height: 1.4; font-size: 2em;">From initial brand positioning, through to final campaign execution.</span></div> I didn't assign a heading or paragraph style to it. Do I add more code into the markdown? https://chameleon-copper-hgx3.squarespace.com/ Password: gravy2024 Thanks Laura
  22. Another thing I have noticed. I have two gallery blocks on my site and I only want the hover effects to occur on the homepage gallery blocks. Is there a way to just isolate my hover code to just the homepage gallery block? The other gallery block is where the logos are on the about us page https://chameleon-copper-hgx3.squarespace.com/aboutus
  23. Hi, I need some help to remove the padding around a video and making the video fill the video block. Is that possible? https://chameleon-copper-hgx3.squarespace.com/work/billy-ruffian Password: gravy2024 In the screengrab it's the video on the left. Thanks Laura
  24. Hi @tuanphan, You're a genius thank you! Would it be possible to: 1) Decrease the size & change the font family of just the client name? OR if it's not possible to change the font family, then 2) Just have the client name smaller than the middle text? Then on mobile just have the name and title visible all the time with the grey overlay? Thanks Laura
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.