Jump to content

Oz_Soma

Member
  • Posts

    17
  • Joined

  • Last visited

Personal Information

Oz_Soma's Achievements

  1. Hi Claudio, Tuanphan resolved this for me in this thread FYI
  2. I think maybe it's working now. Something weird ws hapenning but I got a few people to try it and it seems to work. Thanks so much! Yes can I position it on desktop? It's not in line with the other text and icons, it needs to move up a bit.
  3. Thanks @tuanphan that worked! Doesn't work on mobile though unfortunately. Also is there a way to control the position? Now it's a bit lower than it was, maybe it just needs centralising so it moves up a bit? Thanks for you help!
  4. Oh yes, sorry, it should be right now. Thanks!
  5. Hi @tuanphan ok, I have added it into my footer! https://www.somastudios.co/ Thanks
  6. Site URL: https://www.somastudios.co/ Hi, I want to replace the animated gif logo I have in my header for a .json Lottie animation. I have got the .json animation to work in a code block using this tutorial but want to put the animation as a replacement for my logo in the header. Can anyone help me with the code for this please? Thanks Oz
  7. If anyone can tell me how to put a Lottie animation in the header instead of the header logo that would be great, thanks! @tuanphan
  8. Thanks for the reply SquareRefresh. Do you have any information about how to do this in JS? I think I will upgrade my account and give it a try if it’s not too difficult. Thanks Oz
  9. Site URL: https://www.somastudios.co/ Hi, I am trying to use Lottie files on my Squarespace. Do I need to upgrade my account to add a code injection to do this or can I do it with a standard account? If possible, how can I add a Lottie animation (.json or otherwise) to my header logo animation? Thanks!
  10. Thanks @tuanphan! It still popped off weirdly when the cursor moves off instead of fading so I removed that animation so it now doesn't fade out, but that's fine. Do you have code so I can move the text a tiny bit to the right (not right aligned), maybe 20px to the right? Also can I close the gaps a bit between the images? Thanks again for all your help!
  11. Thanks, that's so helpful. If it's not too much there are a couple of tiny things? As the cursor moves off the image the caption pops down which looks a bit strange... is there a way to fix this? Also can I change the caption text color? Also move it a bit to the right? And is there a way to manually change the gaps between the images so I can make them a bit smaller? Thanks again for all your help! Oz
  12. Also (sorry) my links no longer work when I use this code. I want to be able to click on an image and take you to another page of my site. Thank you
  13. Thanks @tuanphan! Legend. Is it possible to make the green color have transparency over the image too? And also change the color of the text? And also have the hover fade up too? Thanks !
  14. Site URL: https://www.somastudios.co/home-1 Hi, I am trying to create rollovers for my images which look like how they behave in my Gallery page. In the Gallery you rollover and a transparent green fill goes on top with centered captions. Is there any way to do this with CSS on normal images like at the bottom of the added link on a non-Gallery page? Thnks Oz
  15. Hi @tuanphan I would love something similar to what you have done above. I have a Gallery and on the thumbnails the hover gives a transparent color and centrally aligned title caption. I would like to replicate this exactly on normal images elsewhere on my site. So when you rollover the image it fills in with a transparent color and has the same type style, then links to another page when clicked. Can you help with me this please? Thanks!
×
×
  • 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.