Jump to content

Red_Dot_Design

Circle Member
 View Profile  See their activity

  • Posts

    42

  • Joined

  • Last visited

 Content Type 

Everything posted by Red_Dot_Design

  1. Red_Dot_Design
    Site URL: https://www.cairnunion.scot/ I have four tiers of membership pricing available on this website. If a customer signs up to one of the tiers, and then decides 6 months down the line they actually want to opt in to the more expensive tier option - is there a way to manage this without refunding the current 6 months they have left over on the original membership and making them go through the sign up process again for the different tier? Basically I'd want them to hit an "upgrade membership" button and the payment system works it out for them. Is this possible?
  2. Red_Dot_Design
    Hi Tuanphan Ok, last question! It now mostly looks how I want now but the footer space is still there. Can you give me code to fix this please? Thank you
  3. Red_Dot_Design
    Thanks Tuanphan, the blog posts look great now but the footer has extended (see attached screenshot). Do you know how to fix this? It might be some of the code I used originally... Also is there a way to make the blog on mobile full width? So the three columns go to the edge of the page. Thank you.
  4. Red_Dot_Design
    Hello there Please could someone help me out with the code to make my mobile blog page look more like this does on mobile: https://likeshop.me/kinshippets The attached screenshot shows where I have currently got to. There's a wider row gap and I want it to match the column gap. I also want the blog to be flush with the edge of the screen, again like the website above. My site is here: https://maroon-potato-a9jf.squarespace.com/ pw: ploof Thanks Tara
  5. Red_Dot_Design
    My client has updated lots of pages on her site and now when some of the pages load (for example this one: https://www.nikihutchison.com/master-your-marketing) there are background colours appearing as they load, before the new colours settle into place. Can anyone explain why this might be happening? Thanks, Tara
  6. Red_Dot_Design
    Ah I did! I've removed the image swap code and that fixed it. You're fab, thanks so much!
  7. Red_Dot_Design
    Thank you, that fixed the image shifting issue and the overlay on hover looks great! 😊 The attached is what I see when it's on a mobile/tablet device (the text shows under the image instead of on hover). Is there anyway to fix this so it has the colour and title overlay as per the desktop version?
  8. Red_Dot_Design
    Would you be able to give me the code for adding a link and colour + title overlay to an image block?
  9. Red_Dot_Design
    I've just checked this and yes the same thing happens.
  10. Red_Dot_Design
    I got the code from here: https://originalbox.co/blog/squarespace-image-hover-effect You'll need to scroll halfway down the page to find the section titled, "Squarespace Image Change on Hover"
  11. Red_Dot_Design
    Hello, For my sites homepage, I have created an image swap using custom CSS and code blocks. The intention of this was to replicate a title and colour opacity on hover. This function is currently not available on image blocks which is why I did it this way. This works well on desktop (screenshot attached) but on mobile it appears as per the other screenshot. My site and password: https://gopher-tomato-twpa.squarespace.com/ Password: hello The code I have used is here: //image change on hover// .image-swap { opacity: 1; max-width: 600px; /* adjust widths */ height: auto; /* adjust height */ position: relative; } .image-swap img { width: 100%; transition: all 0.2s ease; } .hovered { opacity: 0; position: absolute; left: 0; } .image-swap:hover .hovered { opacity: 1; } Thank you,
  12. Red_Dot_Design
    Hello! I also need help with this. My portfolio images (screenshot attached) work fine with overlay on hover on desktop, but the colour overlay and title disappears when on mobile. Is it possible to have these appear with some custom code? I can upgrade to business plan if it requires Javascript. Alternatively if this is not possible, please can I have the code for the title to appear under the image on mobile? My site is here: https://gopher-tomato-twpa.squarespace.com/portfolio password: hello Thanks.
  13. Red_Dot_Design
    Ok, thanks for all your help anyway. If you can think of another way of setting it up where the link would still work, let me know.
  14. Red_Dot_Design
    Thanks! That's it all fixed aesthetically but now when I try to click on each box it no longer takes me to the linked page. If I remove the code the links seem to work fine.
  15. Red_Dot_Design
    Thank you! 😊 That helped fixed the colour overlay but the text is still sitting at the bottom instead of in the middle of the box?
  16. Red_Dot_Design
    Hi Ziggy, I've moved this onto a new site and I am having a few problems. Firstly, I've added the exact code in the solution above but what happens is as per the attached screenshot titled "Overlay example". Would you be able to have a look and let me know how to adjust the code so the overlay colour covers the photo completely and the text is completely centre aligned? My new site is at: https://gopher-tomato-twpa.squarespace.com/ Password: hello Thanks, Tara
  17. Red_Dot_Design
    Thats amazing thank you Tuanphan.
  18. Red_Dot_Design
    Hi Tuanphan, Website link here: https://elk-tuna-ztlx.squarespace.com/ Password: hello Thank you.
  19. Red_Dot_Design
    That's done it! Thank you.
  20. Red_Dot_Design
    Thank you, that's much closer but it's still sitting to the left (see screenshot) is there a way to centre it completely?
  21. Red_Dot_Design
    I've removed everything and re-added the code and it's working again! The only question left is how do I center the overlay text within the box and style it? Thank you.
  22. Red_Dot_Design
    I didn't remove it no - it just suddenly stopped working.
  23. Red_Dot_Design
    So that has kind of worked but now its sitting above and below the image by too much (see attached screenshot). Is there a fix for this?
  24. Red_Dot_Design
    This is the code I've used to get it to what you see in the screenshot: .sqs-block.image-block { padding: 0; margin: 10px; } .sqs-block-image .image-block-outer-wrapper:not(.image-block-v2).layout-caption-overlay-hover .image-caption-wrapper { background: #515b64; opacity: 80%; width: 100%; height: 100%; } Website link here: https://elk-tuna-ztlx.squarespace.com/ Password: hello
  25. Red_Dot_Design
    How can I edit my code so that in the attached screenshot: The colour overlay (on hover) covers the image perfectly The overlay text sits middle centre Many thanks Tara
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources