Jump to content

noctisariel

Circle Member
  • Posts

    15
  • Joined

  • Last visited

Everything posted by noctisariel

  1. Man, I'd be lost without you! This worked perfectly. Thanks for all your help throughout this process. I appreciate it so much!
  2. Thanks @creedon, I'm still really struggling with getting this SVG logo to display the way you had previously. Every time I past the code into a codeblock, it displays the code - not the logo. What am I missing?
  3. @creedon, sorry to bring this back from the dead (and please excuse my ignorance), but how would I go about finding the SVG code you referred to? I've managed to get the header and footer hidden, but I just can't get the SVG logo to display on this page. As always, REALLY appreciate your help.
  4. Wonderful, fixed it! Thank you very much.
  5. Thanks so much for all your help @creedon! I'm now encountering another issue with my SVG logo... Depending on my browser window size, it looks like my logo is sometimes getting cropped on the right edge - right where the registration mark appears. (See attached screenshot.) Forgive my ignorance, but it's almost as if my logo is placed behind a frame that sometimes covers it. Here is the CSS I'm using to apply and format the svg logo. /* tuan -5mi */ .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/60745ecb1a38bf0adab35cb0/t/607471ec29782c28ffd50276/1618244076196/M-Frame_Logo_White.svg); background-size: contain; background-repeat: no-repeat; background-position: center left; }
  6. Awesome! Would you mind sharing the CSS I should use to display the svg logo large and centered like you have it above?
  7. @creedon, hope you had a great weekend! Thanks again for all your help with this man, really appreciate it. The enter button definitely seems like it makes more sense. What would that process look like in terms of getting that implemented? Would I just be adding a new page with the custom code you used to hide the header/footer and display the logo, and then setting this page as the homepage? Very grateful for your assistance.
  8. @creedon incredible! Can't thank you enough for your help with this man. Really really appreciate it. I think this solution would work more than fine. Do you think it would be a better UX to be able to click anywhere - not just the logo - to reveal the main homepage?
  9. Here is the CSS code I'm currently using to get the svg logo to display... /* tuan -5mi */ .header-title-logo img { visibility: hidden; } .header-title-logo a { background-image: url(https://static1.squarespace.com/static/60745ecb1a38bf0adab35cb0/t/607471ec29782c28ffd50276/1618244076196/M-Frame_Logo_White.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; }
  10. Site URL: https://salamander-plane-pf6e.squarespace.com/residential Friends, hoping someone with more CSS knowledge than me (which is pretty much everyone) can hopefully advise on how I might go accomplishing the following: I'm building a simple site to help launch a new brand for a client. We spent a lot of time developing the new visual identity and want to showcase the logo and new name really prominently when you first get to the website. I've managed to get a SVG logo into my header, but what I really want to do is have the logo display massive and dead center as soon as you get to the site, and then have it scale and move to the upper left corner of the header on scroll. I put together a quick, simple animation to help articulate what I'm describing. Is this possible? Is there an easier/better alternative to what I'm asking? The animation isn't even necessary - I'd be happy with being able to land on a separate page that just has the logo sized how I want it, that then moves to the homepage on click or something. Thank you so much in advance for any help! logo animation.m4v
  11. Bizarre! So you can't see the subtle parallax within each slice as you scroll? It looks like your browser needs to have something called WebGL capability, which apparently can be tested for here: https://get.webgl.org/ I've attached a screenshot of what this image effect option looks like within the site builder. Regardless, appreciate you trying to help!
  12. @Wolfsilon, thank you so much for offering to take a look! Really appreciate it. My site can be found here: https://salamander-plane-pf6e.squarespace.com/home-new PASSWORD: mframe I've also attached a mockup of what I'm trying to accomplish with the background image effect, so you can compare it to how it's currently functioning. THANK YOU!
  13. I really love the refracted lines effect, but am curious whether it is possible to use custom CSS to accomplish the following: Only have one slice, as opposed to multiple across the entire photo. Specify the angle of the slice. Add an additional B&W effect on the refracted/sliced portion of the photo. I'm sure I'm asking way too much of this feature, but I'm hoping someone with much more expertise could chime in. Thanks in advance!
×
×
  • 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.