-
Posts
535 -
Joined
-
Last visited
-
Days Won
2
Vigasan last won the day on December 16 2018
Vigasan had the most liked content!
Personal Information
Recent Profile Visitors
3,322 profile views
Vigasan's Achievements
-
Vigasan reacted to a post in a topic: Change blog post date to include year
-
tuanphan reacted to a post in a topic: Looking to have a Print button to print the current page
-
tuanphan reacted to a post in a topic: Custom Font - Where Do I Find It?
-
MrY-Z reacted to a post in a topic: I need CSS code for this function
-
For the flip effect, there's some great free code here: https://codemyui.com/3d-card-flip-hovering-text/
-
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
-
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.
-
Josh-KJM reacted to a post in a topic: Custom Font - Where Do I Find It?
-
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).
-
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/
-
tuanphan reacted to a post in a topic: How to prevent individual letters of a word from wrapping individually when scaling a website
-
Custom CSS font not working/showing
Vigasan replied to saymycheese's topic in Fonts, colors and images
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. -
JayVanDyke reacted to a post in a topic: How to prevent individual letters of a word from wrapping individually when scaling a website
-
Custom CSS font not working/showing
Vigasan replied to saymycheese's topic in Fonts, colors and images
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. -
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.
- 3 replies
-
- color
- navigation
-
(and 3 more)
Tagged with:
-
Mobile dropdown not displaying correct info
Vigasan replied to SMConsult's topic in Customize with code
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. -
Product Images Don't Load without Excessive Scrolling
Vigasan replied to raego's topic in Customize with code
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 -
Site footer has suddenly gone weird on me...
Vigasan replied to Adam9's topic in Customize with code
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. -
Vigasan reacted to a post in a topic: login link in text block
-
Vigasan reacted to a post in a topic: Not for Sale Product
-
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.