Jump to content

k8pq

Circle Member
  • Posts

    24
  • Joined

  • Last visited

Everything posted by k8pq

  1. As always @tuanphan, you're the best! This worked perfectly. Thank you!
  2. @KwameAndCo I've seen this, yes. I'm trying to target the social links block not the header navigation. You can't add a "name" to a link on the social links block which is how that tutorial is implementing the functionality. Any other suggestions?
  3. Website: https://www.annexmedical417.com/ Is there a way to use custom icons (like ones from fontawesome) in the social links block that are dynamic (they change with the design like the built in ones) versus uploading a custom PNG and coding them in? I'm wanting to replace the generic link icons with a phone (f095) and Google (f1a0) icons, but I want them to look and function the same as the current knockout facebook and instagram icons.
  4. For anyone else looking for this, I found an easy one: https://logwork.com/countdown-timer
  5. @Beyondspace That worked like a charm! Thanks so much. 🙂
  6. WEBSITE PAGE: https://kinsmen.org/gatherings I have added buttons to the first Event Summary block on this page, but I'd like to exclude the buttons from the second Event Summary block on the page. The block ID is #block-yui_3_17_2_1_1710347334583_18027. I've tried adding .sqs-block-summary-v2:not(#block-yui_3_17_2_1_1710347334583_18027) to the following code without success. Can someone help, pretty please? /* Buttons on Event Summary Blocks */ .sqs-block-summary-v2 .summary-block-setting-design-list .summary-item, .sqs-block-summary-v2 .summary-item.positioned { padding-bottom: 50px !important; } .summary-content { position:relative; } .summary-title .summary-title-link::after { content: 'REGISTER HERE'; background-color: black; border-radius: 0px; display: block; padding: 13px 26px; font-size: .75rem; font-weight: 500; font-style: normal; line-height: normal; text-transform: uppercase; letter-spacing: 1px; color: white; background-color: black; border-color: white; border: 1px solid #ffffff!important; position: absolute; bottom: -60px; } .summary-title .summary-title-link:hover::after { opacity: .8; }
  7. Yes, @tuanphan that worked. Thanks to you both! This is what I ultimately used and it worked: <!-- Redirect Site Title Logo --> <script> document.querySelector('.header-title-logo a, .header-mobile-logo a').setAttribute('href', '/home'); </script>
  8. Thanks so much @tuanphan!!
  9. @Ziggy For sure. I placed it in the site wide footer code injection. Is anything about the code changing for my specific site?
  10. @Ziggy Thanks for the reply. Unfortunately that did not work for me.
  11. https://www.kinsmenjournal.com/ I currently have a landing page set-up for the url of my website that required the user to "click to enter". Once you're into the website's "home page" (www.kinsmenjournal.com/home) I'm wanting to set the logo in the navigation to take you back to the www.kinsmenjournal.com/home url upon clicking and not the landing page (kinsmenjournal.com). Is this possible?
  12. https://www.odin-frigg.com Password: Flagship I'm looking to have the image in the header (#block-dc3d6ba7a917c0e1465e) slide in from the left hand side upon landing on the page. Is there a way to do this with CSS or HTML code injection? Thanks in advance!
  13. @tuanphan that worked perfect, thanks so much!
  14. SITE: www.kinsmenjournal.com I'm currently utilizing a pop-up from MailChimp on our website which has worked great. The url is pointed to a landing page and we're hoping to disable the pop-up for the landing page only (kinsmenjournal.com/welcome). From searching this post: I know there's a way to target the pop-up with code injection, I just don't know how to target MailChimp pop-ups specifically. Can anyone help me out?
  15. @tuanphan You're the best! Thank you so much. That looks killer.
  16. WEBSITE: www.kinsmenjournal.com I cannot figure out how to make the slideshow block on this page to show fullscreen on mobile. I've added the following code (after searching through the forums) to no avail. /* Mobile - Resize Slideshow */ @media screen and (max-width:767px) { .user-items-list-item-containersection[data-section-id="65008546b0a7dc7678e8877d"]ul { min-height: unset !important; height: 300px; } .user-items-list-item-containersection[data-section-id="65008546b0a7dc7678e8877d"] img { object-fit: contain !important; height: auto !important; } }
  17. @tuanphan thanks for getting back to me. Unfortunately the code provided did not work.
  18. Website: www.refinestudios.co I customized the hamburger menu to be functional on desktop as well as to display the word "MENU" instead of the plus/hamburger icon. The problem is that it's displaying bright blue on the mobile version (both Safari & Chrome...see attached pictures) for some reason but on the Squarespace preview it's exactly how it should be in black. The desktop version is fine, it's just the mobile version. I've tried to target that text a couple of different ways and have been unable to update it. Any help?
  19. @tuanphan Hey, thanks so much! This works well for the existing site logo, but is it possible to put an alternative image in the center of the screen? I'd like to use a lighter color logo image that is larger in the middle of the homepage.
  20. @creedon I don't want to preserve the arrows. I just want the slides to automatically transition in the background. I have that all set-up. I just need help figuring out how to add the logo image over the slideshow. https://lychee-plums-6cpy.squarespace.com/ password: test Thanks in advance!
  21. I'm looking to code an image over the top of a gallery section. I'm wanting to put my client's logo over the top of the automatically transitioning slideshow gallery so that the logo stays static in the middle of the screen but the gallery proceeds behind it. This would need to work on both desktop and mobile. Please help! ❤️
×
×
  • 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.