Jump to content

dnmddy

Circle Member
  • Posts

    163
  • Joined

  • Last visited

  • Days Won

    2

Posts posted by dnmddy

  1. thank you @tuanphan I may be able to adapt that code to fit what I'm looking to do, but if you check the page you can see the hover freaks out when I put the button and the text block together (which is what I was trying to describe). I changed the code you gave to use the (+) block as the on hover trigger, and moved the text block up to over that image. 

    I'm going to be using to on many images with different text blocks, so I think a code block solution would make more sense instead of calling out a dozen different block IDs in the footer injection?

    Could your code be adapted to work in a code block that I can set the size of by dragging the corners to match the image its overlaying, and the code block would show the (+) and then the text overlay on hover? Then I could use this code block over and over on each image with new text each time?

     

  2. https://aia-24.squarespace.com/art-1-1
    PW: notyet

    You can see the first image block has a (+) button example, and the following white text blocks are all on top of images of the same size. What I'm hoping to achieve is all image blocks are visible and the text blocks overlaying them are hidden until the (+) button is hovered on, then that images text block appears. it should be the forward most block so that it is on top of the pinned block in the center, and the link in the text box should be clickable. The text block should disappear again when mousing off the image boundary.

    I have looked everywhere I can think of to find a plugin that I might be able to adapt to make this work, but no luck.

    I'm guessing this would be a code block on top of each image, with the button and caption content inside the code block? I would also like to be able to specify each time if the (+) button is on the bottom left or bottom right. Super extra points if the text box "grows" out of the button as focal point to fill the block parameters!

    Can anyone help me code this? 

  3. Can anybody help me order and stack the header actions components? At about 1160px wide, when the main nav stacks on the left, I want the header actions to stack on the right, but also change order: social media icons, button, language switcher. I'd also like the social media and language switcher to be centered above and below the button, but the button should remain aligned right...

    https://sycamorecollab.org/

    Here is a screen shot of how I want it to look:Screenshot2024-03-18at4_30_25PM.thumb.png.eb20f35a0b073d980b7b5d1427f71ea4.png

  4. On 7/28/2022 at 1:21 PM, mirgart said:

    Is there a code to have multiple colors scrolling? Would you use nth-child in the code? 
    I have three items listed in my marquee and I'd love to have each item be a different color while it's scrolling. Could you help me with that, @tuanphan?

    I have the same question! Would like to use two different colors in my scrolling marquee

  5. On 5/26/2022 at 6:19 AM, tuanphan said:

    Add to Last Line in Code Injection > Footer

    <script>
      $("div#block-5f739344ad87578c7e22 .summary-item").click(function(){
    		window.location=$(this).find("a").attr("href"); 
    		return false;
    	});
    </script>
    <style>
      div#block-5f739344ad87578c7e22 .summary-item:hover {
        cursor: pointer;
    }
    </style>

     

    This is working except it's making the whole summary item link to the map link instead of the title/post. I am using the location field for displaying the city/state, but I dont want it or anything to link to a map. Can the JS be changed to pull the title link for the whole item instead of the map link?

×
×
  • 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.