It is 7.1, and your question is the answer. (D'oh!) I was looking at the side menu/panel under settings, etc. and not finding anything about animations. But your question made me look again and I found it under the Site Styles panel. I knew I was making it harder than it needed to be. Thank you!!
Unfortunately, the "Failed to Like Comment/invalid session crumb" error is a known issue. Squarespace engineers have been aware of this bug since May 2022 (8 months) but they haven't prioritised a fix yet. To escalate this issue, please contact Squarespace Customer Care using a support ticket.
Did this help? Please give feedback by clicking an icon below ⬇️
I think I got this sorted. I used this code and customized as needed:
.header-nav-item:nth-child(1) { .header-nav-folder-item:nth-child(1) a::before { content: '\f0c8'; font-family: FontAwesome; display: inline-block; padding-right: 9px; color: #0D4982; }
(Updated: SS 7.1)
Some custom code (CSS) to change color
Navigation Link
Navigation Hover Link
Navigation Active Link
>> 92 Templates Navigation Custom Font
Notes
Add code to Home > Design > Custom CSS
The code is based on demo at squarespace.com/templates, so they may not work for some websites or navigation with dropdown
If the code doesn't work, try adding !important to after, eg: color: #f1f2f3 !important;
If you have any questions/found issues, just comment below or send me a private message. Thanks.
Avenue Template
/* Nav item color */
.main-nav ul li a {
color: #ff0000 !important;
}
/* Nav item hover color */
.main-nav ul li a:hover {
color: violet !important;
}
/* Nav item active color */
.main-nav ul li.active-link a {
color: green !important;
}
Aviator
/* Nav item color */
nav#main-navigation ul li a {
color: #ff0000 !important;
}
/* Nav item hover color */
nav#main-navigation ul li a:hover {
color: violet !important;
}
/* Nav item active color */
nav#main-navigation ul li.active-link a {
color: green !important;
}
Bedford Family: Anya, Bedford, Bryant, Hayden, Bedford
/* Nav item color */
#mainNavigation div a {
color: #ff0000 !important;
}
/* Nav item hover color */
#mainNavigation div a:hover {
color: violet !important;
}
/* Nav item active color */
#mainNavigation div.active a {
color: green !important;
}
Brine Family: Aria, Basil, Blend, Brine, Burke, Cacao, Clay, Custom Template, Ethan, Fairfield, Feed, Foster, Greenwich, Hatch, Heights, Hunter, Hyde, Impact, Jaunt, Juke, Keene, Kin, Lincoln, Maple, Margot, Marta, Mentor, Mercer, Miller, Mojave, Moksha, Motto, Nueva, Pedro, Polaris, Pursuit, Rally, Rover, Royce, Sofia, Sonny, Sonora, Stella, Thorne, Vow, Wav, West, Brine.
/* Nav item color */
.Header-nav-item {
color: #ff0000 !important;
}
/* Nav item hover color */
.Header-nav-item:hover {
color: violet !important;
}
/* Nav item active color */
.Header-nav-item--active {
color: green !important;
}
Farro: Farro, Haute
Same as Brine
Five
/* Nav item color */
nav#main-navigation ul li a {
color: #ff0000 !important;
}
/* Nav item hover color */
nav#main-navigation ul li a:hover {
color: violet !important;
}
/* Nav item active color */
nav#main-navigation ul li.active-link a {
color: green !important;
}
Flatiron
/* Nav item color */
ul#nav li a {
color: #ff0000 !important;
}
/* Nav item hover color */
ul#nav li a:hover {
color: violet !important;
}
/* Nav item active color */
ul#nav li.active-link a {
color: green !important;
}
Forte
/* Nav item color */
#topNav ul li a span {
color: #ff0000;
}
/* Nav item hover color */
#topNav ul li a:hover span {
color: violet;
}
/* Nav item active color */
#topNav ul li.active-link a span {
color: green !important;
}
Ishimoto
/* Nav item color */
#topNav #nav li a {
color: #ff0000;
}
/* Nav item hover color */
#topNav #nav li a:hover {
color: violet;
}
/* Nav item active color */
#topNav #nav li.active-link a {
color: green !important;
}
Momentum
/* Nav item color */
#topNav ul li a {
color: #ff0000;
}
/* Nav item hover color */
#topNav ul li a:hover {
color: violet;
}
/* Nav item active color */
#topNav ul li.active-link a {
color: green;
}
Montauk: Julia, Kent, Montauk, OM
Same as Momentum
Native
/* Nav item color */
#navBlock ul li a {
color: #ff0000 !important;
}
/* Nav item hover color */
#navBlock ul li a:hover {
color: violet !important;
}
/* Nav item active color */
#navBlock ul li.active-link a {
color: green !important;
}
Pacific: Bryler, Charlotte, Fulton, Horizon, Naomi, Pacific
/* Nav item color */
#mainNavigation div a {
color: #ff0000 !important;
}
/* Nav item hover color */
#mainNavigation div a:hover {
color: violet !important;
}
/* Nav item active color */
#mainNavigation div.active a {
color: green !important;
}
Skye: Foundry, Indigo, Ready, Skye, Tudor
/* Nav item color */
.nav-blocks-wrapper div a span {
color: #ff0000;
}
/* Nav item hover color */
.nav-blocks-wrapper div a:hover span {
color: violet;
}
/* Nav item active color */
#mainNavigation div.nav-link--active a {
color: green !important;
}
Tremont: Camino, Carson, Henson, Tremont
/* Nav item color */
#mainNavigation div a span {
color: #ff0000;
}
/* Nav item hover color */
#mainNavigation div a:hover span {
color: violet;
}
/* Nav item active color */
#mainNavigation div.active a span {
color: green;
}
Wells
/* Nav item color */
div#topNav ul li a {
color: #ff0000 !important;
}
/* Nav item hover color */
div#topNav ul li a:hover {
color: violet !important;
}
/* Nav item active color */
div#topNav ul li.active-link a {
color: green !important;
}
Wexley
/* Nav item color */
#topNav ul li a {
color: #ff0000;
}
/* Nav item hover color */
#topNav ul li a:hover {
color: violet;
}
/* Nav item active color */
#topNav ul li.active-link a {
color: green;
}
York: Artesia, Flores, Harris, Jasper, Jones, Lange, Shibori, Taylor, York
/* Nav item color */
.site-navigation div a span {
color: #ff0000;
}
/* Nav item hover color */
.site-navigation div a:hover span {
color: violet;
}
/* Nav item active colo */
.site-navigation div.active a span {
color: green;
}
Squarespace 7.1
/* Nav item color */
.header-nav-item a {
color: #ff0000 !important;
}
/* Nav item hover color */
.header-nav-item>a:hover {
color: red !important;
}
.header-nav-folder-item:hover a {
color: red !important;
}
/* Nav item active color */
.header-nav-item--active a {
color: green !important;
}
Created by Tuan Phan.
Share to be shared more.
Please try this Custom CSS on that page:
/* code for fuller thumbnail titles */
.image-slide-title {
white-space: normal;
}
You can replace the word normal with any of the following:
break-spaces
inherit
initial
pre-line
pre-wrap
revert
unset
Site URL: https://christinabalch.com/cm-gallery-image-text-example
Hi Circle - I'm trying to get the image title to wrap onto multiple lines instead of cutting off in the gallery grid layout. Ideally the image title will wrap and display on 2 or 3 lines depending on the browser width. I want this to be a universal update so all gallery grids function the same on the website. I don't mind if some of the rows are longer than others in the gallery grid.
This is something I will no doubt need to do again as this is a common layout for artist websites.
This site appears to have figured it out in the masonry layout, but I can't seem to locate the proper class(es) to get it to work on my sites. https://www.thecarolamoon.com/brand-photography-portfolio
Example site below uses Avenue 7.0, but I will ultimately be implementing this change on a site using Brine in 7.0.
https://christinabalch.com/cm-gallery-image-text-example
password: test!
Site URL: https://join.oraclegirl.org/product/karmic-delete-6-2-source-connection-recalibration-mp3/
I'm wanting to have donation based pricing on my website for digital products. Is there a third party payment processor that would do this and how would i integrate that onto my site? I've left an example of exactly how I'd like it to work. Someone can name their price, yet a minimum donation amount is in place.
Site URL: https://bethlehemhebrewcongregation.squarespace.com/
I am desperately trying to figure out where I can edit the contents of the donation confirmation page. I can't find it anywhere! Does anyone know how I can edit that page that appears for customers after they've donated?
If not, is there a way to create a new confirmation page and make that the new donations confirmation that customers are directed to after donating?