Jump to content

Wolfsilon

Circle Member
 View Profile  See their activity

  • Posts

    410

  • Joined

  • Last visited

  • Days Won

    1

 Content Type 

Everything posted by Wolfsilon

  1. Wolfsilon
    Hmm... seems to glide smoothly on Safari, Chrome, and Mozilla for me. [MacBook Pro 16" 2019]
  2. Wolfsilon
    What browser are you viewing on? Have you attempted to view the website on another browser? I was on Firefox but will test on Safari and Chroma now.
  3. Wolfsilon
    Hi, Could you please share the Javascript code used to achieve an abbreviated data/time format? Perhaps we can start by looking into that code since we know that works. Thanks, Dan
  4. Wolfsilon
    Koda, I viewed your website and attempted to recreate the issue. Your site appears to be behaving the way you intended, I can glide to each section with no issues. Were you able to solve this problem? Best, Dan
  5. Wolfsilon
    Hannah, I took a look at the website and did not see any fade-in transitions or animations. Were you able to solve this problem? Best, Dan
  6. Wolfsilon
    Glad to hear that! Please mark this thread as "Solved" so that others may find the solution as well. Best, Dan
  7. Wolfsilon
    Hi! If you only need to change the text color you can try the following using Custom CSS: #cart { color: #000000 !important; }
  8. Wolfsilon
    Sorry, a bit late -- Part of the problem is that you're using "!important" to override the default styles, but you're also eliminating the other animation styles that you want to keep. You'll need to manage both transitions instead of just the opacity.
  9. Wolfsilon
    Hi! The issue I see is with the beginning portion of your code. Here's a fix to get you in the right direction. @font-face { font-family: "Mango"; src: url(https://static1.squarespace.com/static/6273c2f1797d1a596219b93c/t/62cc12e98338f85bc84bbbb9/1657541353268/Mango.otf); } Hope this helps, Dan
  10. Wolfsilon
    Hi there, I just checked on Safari and didn't see any outline on the Nav. Did you solve the problem?
  11. Wolfsilon
    Happy early-4th to you as well! It's hard to provide an adequate solution without seeing the website itself. Could you please share the URL? If you haven't password protected the visibility, do so and provide the viewing password as well. Best, Dan
  12. Wolfsilon
    Hi there, There are some default margins and spacing applied to these blocks but these CSS rules should help get you in the right direction. You can remove the media-query and set this behavior as the default as well. .image-caption-wrapper:hover { display: flex !important; height: auto; justify-content: center; } @media screen and (min-width: 1025px) { .image-caption-wrapper { display: flex; justify-content: center; height: auto; } }
  13. Wolfsilon
    Hi there! Will these colors remain static throughout all of your products? Or do you intend to adjust them for each product?
  14. Wolfsilon
    Hi, I think I understand you correctly -- the simplest solution is to categorize, tag, and organize your library of photos and then upload them into a gallery on your website.
  15. Wolfsilon
    Hello! The simplest way is to nest this code inside the page-IDs that you want it to appear and omit the page-ID where you don't want it to appear? For that page where you want to hide it, you might want to set "display:none;" to be safe as well -- all depends on how you inserted the code. Best, Dan
  16. Wolfsilon
    Hi there! This is really neat! Thanks for sharing. Achieving something like this would take some custom coding and need to use Javascript. The code for this isn't as simple as it may seem so you might want to look into hiring a developer to help you. If you're familiar with coding, I'd be more than happy to give some pointers or suggestions. Best, Dan
  17. Wolfsilon
    Hi, You can do this both ways, either in Photoshop or using code. Both methods have their advantages but unless you plan and do extra animations to it, you should be fine just using Photoshop. However, if you'd still like to learn how to do it, I'd be more than happy to show you or teach you! 🙂 Best, Dan
  18. Wolfsilon
    Hi CPharmacyScot, I took a look at your website -- it looks nice by the way! You'll need to adjust the media queries for both mobile and tablet. You'll end up with 2 separate CSS queries. You'll need to decide the breakpoints, but mobile is almost always set as "640px" or below. Another note, on my end all of the circle images in the rows are oval-shaped, I'm not sure is that was the intended look, but either way looks good! Best, Dan
  19. Wolfsilon
    Hi Anne, I'm afraid that the solution for these issues are not possible using the tools available. You will need to use CSS and possibly Javascript in order to get this working properly. Best, Dan
  20. Wolfsilon
    Hey! You’ll need to target the summary block, then nest the target selectors inside. Youll want to inspect the element and find “.summary-item” from there you’ll need to decide if you want the image, the whole item, or any other elements you want to apply to the hover effect too. You won’t have unique control or targeting for individual items easily. If you need full control over each item, you’ll want to target them using the “:nth-child” method.
  21. Wolfsilon
    Start with a blank section, add two spacer blocks side-by-side (50/50), and drag your text block under each spacer. But make sure you see the blue line under only the half you want. this will help you get the setup, you’ll want to identify which half to apply CSS too after you have your layout built.
  22. Wolfsilon
    Hi, if I remember correctly, some of the banners aren’t actually only H1 text, they are either nest in another class, links (<a>), or a different class of their own. If you’d only like to use that font, you can try adding: * { font-family: “your-font-here” !important; } if this works, you may need to be more specific with your code targeting.
  23. Wolfsilon
    You don't need to apply your footer styles to the code injection. Also, I prefer to use vmin or vmax to scale. If it gets too small on mobile just wrap the previous lines in a min-width or something.
  24. Wolfsilon
    I'm being bombarded by your chat agents whilst trying to get a code for you 😛 anyways. Check the jfiddle, is that what you're after?
  25. Wolfsilon
    Before doing anything else to the CSS, trying navigating to: Home -> Site Styles -> Image Block -> "Image Block Poster." From there make sure that your content width setting is 90, or above. If that doesn't solve the problem. Let me know.
×
×
  • 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