Jump to content

Spence500

Member
  • Posts

    22
  • Joined

  • Last visited

Reputation Activity

  1. Like
    Spence500 got a reaction from LucasGordon in Make images clickable in the carousel   
    Hi there, I'm curious as to how I would go about creating clickthrough URL's on the individual cards I created in Figma. I'm utilizing an image content section that is designed as a carousel and I uploaded hard designed/flattened "cards" as images in the carousel. I want to make each card it's own clickthrough link to that companies website. I have the option of creating buttons as clickthrough's that live beneath the cards, but I want the clickthrough to live directly on the individual card/image components themselves. Anyone have an idea on how to do this?  (I'm proficient in coding so feel free to drop some ideas when it comes to DOM manipulation).
     

  2. Like
    Spence500 got a reaction from melaniejaane in Make images clickable in the carousel   
    Hi there, I'm curious as to how I would go about creating clickthrough URL's on the individual cards I created in Figma. I'm utilizing an image content section that is designed as a carousel and I uploaded hard designed/flattened "cards" as images in the carousel. I want to make each card it's own clickthrough link to that companies website. I have the option of creating buttons as clickthrough's that live beneath the cards, but I want the clickthrough to live directly on the individual card/image components themselves. Anyone have an idea on how to do this?  (I'm proficient in coding so feel free to drop some ideas when it comes to DOM manipulation).
     

  3. Thanks
    Spence500 got a reaction from creedon in Team profile image somehow became a link   
    That was it! Fixing the code block of the person right before "Thomas" was the issue. 
  4. Like
    Spence500 reacted to tuanphan in Team profile image somehow became a link   
    Use this new code
    div#page-section-602d7df54fdf411229c87998 { .image-block { pointer-events: none; } /* underline */ a { background-image: none !important; border: none !important; text-decoration: none !important; } /* gap */ h4 { margin-bottom: 0px; } .sqs-block:not(.image-block) { padding-top: 2px; padding-bottom: 2px; } }  
  5. Like
    Spence500 got a reaction from tuanphan in Make images clickable in the carousel   
    That worked, thank you so much my friend!
×
×
  • 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.