Jump to content

Gigi-C

Member
 View Profile  See their activity

  • Posts

    32

  • Joined

  • Last visited

Gigi-C's Achievements

Level 5

Level 5 (5/20)

  • Dedicated Contributor Rare
  • Circle Community Advocate Rare
  • Conversation Starter Rare
  • Daily Visitor Rare

Recent Badges

4

Reputation

  1. Gigi-C
    Hello, I have this code .list-item .list-image { border-radius: 12px; filter: grayscale(100%);} div:hover .list-item .list-image:hover { border-radius: 12px !important; filter: none; transform: scale(1.1); transition: .5s ease all; } which gives this following effect (video) But for some reason the border-radius disappears one hover. Ideally I would like to make sure that the transition includes the radius-border. Thank you in advance! Screen Recording 2024-04-26 at 09.48.28.mov
  2. Gigi-C
    Hey community! https://www.youbynatseleen.com/services My website is public! I have an issue with the videos being played on that page. They work well on mobile but when they're viewed on desktop the sizing of the video gets messy and the fallback image does too. I either want to: Be able to solve this issue so both image and video are the same size (square) or Be able to hide videos on desktop ONLY and display just the image, while being able to show both video and fallback image on mobile. Thank you!! Screen Recording 2023-10-26 at 00.38.01.mov
  3.    tuanphan reacted to a post in a topic: How to make vertical tab slider responsive for mobile
  4.    Gigi-C reacted to a post in a topic: How to make vertical tab slider responsive for mobile
  5. Gigi-C
    Thank you so much!! This worked a treat!!
  6. Gigi-C
    Hey @Kalie I came across this forum and I'd really love to implement it onto my website, did you put all the codepen code into a code block? What was the format to get this to work? Thanks!
  7. Gigi-C
    So I added this line of code: padding-top: 10vmax !important; to the original code I had and it worked! section[data-section-id="64ca4120ff73c555d9acab5d"] .content-wrapper { width:100%!important; padding-top: 10vmax !important; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 60%, rgba(20, 20, 20, 1) 90%, rgba(28,28,27,1.000) 100%); z-index: 1; max-width: inherit; }
  8. Gigi-C
    It's taking the whole effect off completely, I also tried to adjust the rgb/rgba's as is coded for my other page and that hasn't worked either
  9. Gigi-C
    Thank you @Ziggy! However it hasn't worked and removed the gradient all together unfortunately 😞 see code in the custom css box on the left!
  10.    Gigi-C reacted to a post in a topic: Fix linear gradient between sections
  11.    Ziggy reacted to a post in a topic: Fix linear gradient between sections
  12. Gigi-C
    sure! https://www.youbynatseleen.com/education I always add it when it asks me to before I post a discussion.. I thought it shows up! Thanks @Ziggy 🙂
  13. Gigi-C
    Hey all! I have an issue with the gradient overlay that I've used between the sections on my website for a client. I don't think it was doing this previously, and it's not an issue on mobile version, but what to know if there's something I can do to stop this from happening. As you can see in the screen recording, I've used the same code for another page (about us) and it's not doing the same thing. Thanks! Screen Recording 2023-09-07 at 10.33.00.mov
  14. Gigi-C
    Hey all! I have this codepen that I think is really cool to show previous projects on my website https://codepen.io/thomassaulay/pen/XWJdORa (currently I have a similar layout on my home page with a portfolio section but the images are static). However when I use this codepen and refresh the website it doesn't create that parallax effect I'm looking for. Could someone help me achieve it? I have also put the css code in <style></style> and JS in <script> </script> https://khaki-bumblebee-rgm8.squarespace.com/&nbsp; website is live - no pass Thanks!
  15.    paul2009 reacted to a post in a topic: Accordion links have different spacing
  16.    Gigi-C reacted to a post in a topic: Accordion links have different spacing
  17. Gigi-C
    Thanks so much!
  18. Gigi-C
    Hey @paul2009 https://fox-porcupine-3ldj.squarespace.com/ pass: ybn123 thanks!
  19. Gigi-C started following Gradient between sections , Accordion links have different spacing and Image Hover Fade Out
  20. Gigi-C
    Hey all! I have a slightly annoying problem. On my mobile version of the site, the links in my accordion have this weird spacing that I can't seem to get rid of. The accordion isn't coded, it's just the normal squarespace block, and the text looks fine in desktop mode. The words 'here' and 'Instagram' are the linked words (and they just link to a page on the website and social media) Any solves? Pass: ybn123 Thank you!
  21.    Gigi-C reacted to a post in a topic: Blend background image of a section with the rest of the page sections
  22.    Gigi-C reacted to a post in a topic: Blend background image of a section with the rest of the page sections
  23.    Gigi-C reacted to a post in a topic: Fixed header opacity change on scroll
  24. Gigi-C
    Amazing!! That worked! Thank you so much for your help 🙂
  25.    Ziggy reacted to a post in a topic: Blend background image of a section with the rest of the page sections
  26. Gigi-C
    Incredible!! This worked perfectly! Thanks so much!
×
×
  • 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