Jump to content

Vigasan

Circle Member
  • Posts

    535
  • Joined

  • Last visited

  • Days Won

    2

Everything posted by Vigasan

  1. For the flip effect, there's some great free code here: https://codemyui.com/3d-card-flip-hovering-text/
  2. When you pick a font, it doesn't add any unique identifiers to classes, so it would be difficult to target elements that have specific fonts assigned. I'm fairly sure this won't work on 7.1, but you can give it a shot (I haven't tried yet). https://www.squarewebsites.org/blog/how-to-add-custom-fonts-to-squarespace-site
  3. Yes, that's correct, there was a way on Squarespace 7 (not 7.1) with a lot of code, but it wasn't worth the hassle in my opinion. So for custom fonts, you'll have to right click the text you want to assign a font too, find a class name, and then use CSS to target that class and assign it the font you want.
  4. You can try this code, it's working when I test it. footer{ display: none !important; } .page-section.section-height--small:not(.content-collection):not(.gallery-section):not(.user-items-list-section) { min-height: 100vh !important; }
  5. When you add custom fonts with code, it won't show up in places where you select fonts, you have to use CSS to assign the font manually (like the last line of your code).
  6. That's not going to be just CSS, you'll need to use JS to see how far down a user has scrolled, and then change that specific anchor link color in the menu. In Squarespace 7, some templates could do this as single-page websites but in 7.1 it'll take code. Many jQuery libraries will let you detect when a user is on a specific section (instead of using offset) which will make the code easier to write. Here's a good starting point: https://stackabuse.com/bytes/check-element-visibility-after-scrolling-with-jquery-or-js/
  7. If all code isn't working, it most likely means an unclosed bracket is somewhere. You can try pasting your code into something like ChatGPT and asking to debug for you.
  8. The nav bar code you're using has a height set of 100%, so it's covering the entire screen vertically. I'm sure there are errors in the code used for that but I can't debug since I don't have access to the site. Take a look at your code and make sure everything is closed properly.
  9. Right now your text is copied and pasted from a document, so instead of a space, it's using " ". You can fix this by either manually typing the text out, or you can also try highlighting all the text and try clicking REMOVE FORMATTING.
  10. So what you're asking for wouldn't be possible with just custom CSS. There's a lot of functionality behind how the navigation itself works. You can try using Javascript to append the navigation to the header title instead, but you'd have to use Javascript to also change the text itself.
  11. Do you mean space above and below? There's some margin on the H1 but I would leave that, instead, you can try clicking and dragging the bottom edge of the CODE BLOCK itself so that it's vertically smaller.
  12. That code hides the sections, probably during editing too, so copy that code onto a text file for backup, delete it from the website, then edit the text you want, then put the code back in. You could comment out the code if you know how as well, basically add <!-- at the very beginning and --> at the very end, but a text file might be easier.
  13. Go turn off your sitewide animations. That's one of the first things I do on every client website. https://support.squarespace.com/hc/en-us/articles/360040839591-Site-wide-animations
  14. Like @creedon mentioned above, check your site in safe mode. If it's still happening, then we know it's something on the Squarespace end. If it's fixed, you most likely have an unclosed curly brace somewhere that's messing things up.
  15. There's no padding/margin issue from a styling perspective. That spacing is from the specific font family you're using. If you want it to fit nicely to the very left, your best bet is to use a font-family that doesn't have spacing on both sides of the letters themselves. I tried using code to change the font to another font, and the issue goes away.
  16. So you would use something like the following. .header-nav-item a{ font-family: YOUR_FONT !important; } Use the link I provided above to set up the font properly for use as well.
  17. Hey, you can try the code from here: https://www.adlyticmarketing.com/blog/squarespace-creating-an-accordion-style-faq-section Also, Squarespace has an accordion block now, so see if that'll suit your needs as well.
  18. Hey Adam, are you currently using any code at all in terms of CUSTOM CSS or CODE INJECTION? If so, could you try commenting all the code out and see if that resolves if? If it does then we can go through the code and see which part is causing the issue.
  19. If you know how to target those buttons (right-click the text and click INSPECT ELEMENT so you can grab the class name), you can follow this guide to get custom fonts installed correctly. https://www.adlyticmarketing.com/blog/squarespace-using-custom-fonts
  20. #YUI's change on refresh. Just add a CODE block to the ADDITIONAL DETAILS section of the product and only add .product-price { display: none; }
  21. Hey Ed, for questions regarding code, it's much easier if you post a link to your website. It doesn't look like the CSS selector you have is correct for a button, that looks like it would be for text only. Since there are many possible places in Squarespace to add a button, I can give you the exact code if you can provide a link to the page you're trying to style.
  22. Yes you can, just add it like a regular link, and it'll be your website with /account/login at the end. So something like www.website.com/account/login Keep in mind that this will take people to your home page with the login popup open. https://support.squarespace.com/hc/en-us/articles/115012777327-Customer-accounts#toc-manually-create-a-sign-in-link
  23. The font has to be selected somewhere in Site Styles in order for Squarespace to load the font to your website, otherwise it won't work since Squarespace doesn't load up all fonts to every website to avoid an excessive website size. You could go to Adobe FontKit and set it up manually if have an Adobe subscription and don't want to declare the font through Squarespace.
  24. It's hard to tell without seeing the website, it looks like you might have some code that's messing things up.
×
×
  • 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.