Jump to content

dotandpeg

Circle Member
  • Posts

    71
  • Joined

  • Last visited

Everything posted by dotandpeg

  1. Hi @Collaborada, That worked, thanks! I have one more question. I have a page called https://www.thisisgravy.co.uk/work, but I do not want this page to be visible on the site so I've added a 301 redirect like below, so that it directs to the homepage. /work -> / 301 /work -> /home 301 (I tried this too) This work page is the parent page of all my portfolio items, but all my portfolio items link through form the homepage NOT the work page. So the work page is redundant and is not formatted/styled. So I just need it to be invisible. When I turned the page not visible, it also turned off all my portfolio items so I thought a 301 redirect would be a better solution. But the 301 redirect doesn't seem to work. Any ideas why? Thanks Laura
  2. Hi, I'm having issues indexing lots of pages with Google Console for my site https://www.thisisgravy.co.uk/ . See attached screenshots, can anyone help me work out what I need to do to fix this issue. The results say 8 pages are indexed and 25 are not. There are 7 different reasons listed as to why they are not too. Thanks Laura
  3. Hi @tuanphan, Thanks for your response but I have decided to use a gallery section with the items all on individual cards and that seems to work well and is good for being responsive on mobile.
  4. @KatieVetter Thanks for your response but I have decided to use a gallery section with the items all on individual cards and that seems to work well as is good for being responsive on mobile.
  5. @tuanphan thanks for response but I have ended up doing this differently now.
  6. 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
  7. Thanks for responses but I have actually changed my mind and think for what I need a grid is better.
  8. @miserytakeme Nice one! I might revisit this and see if I can do it too, can you show me the end result?
  9. 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.
  10. 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-->
  11. 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
  12. 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
  13. 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
  14. 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
  15. 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; }
  16. 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%; } }
  17. 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; } }
  18. Thanks @tuanphan Is there a way to make it bigger for mobile, it currently looks like the attached.
  19. 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
  20. 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.
  21. 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?
  22. I've done it! #block-yui_3_17_2_1_1708079475938_17513 h1, { font-family: "Libre Baskerville"; } Thanks
  23. 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; }
  24. @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.
  25. 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>
×
×
  • 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.