@nicktiang Thank you for sharing
Really helpful and a lifesaver
I was just about to move the whole store to Shopify and couldn't believe that they do not have that simple feature!
Here is what I ended up using. Hope it helps someone else :)
/* CSS for Product USD -------- /.sqs-money-native:before { content: $ !important; } .sqs-money-native:after { content: ' USD' !important; } / End of CSS for Product USD -------- */
/* CSS for Cart USD -------- *///Cart.CartTableRow-itemPrice:before { content: $ !important; } .CartTableRow-itemPrice-26eXS:after { content: ' USD' !important; }
//Cart subtotal.CartTable-subtotalPrice:before { content: $ !important; } .CartTable-subtotalPrice-2JFeD:after { content: ' USD' !important; } /* End of CSS for Cart USD -------- */
My solution to adding non-web orders to Squarespace is to create a 100% discount code. Then create the order myself on the website, checking out using code.
Hope that helps someone.
Carrie, I've seen many posts on this and no solid answers. I checked with CS and the answer is that it is not possible to have the "Continue Shopping" button show up when there are items in the cart, which is completely inefficient. The agent said she would submit it to the Squarespace developers as a feature request. Our best bet is for everyone to shoot an email to customer support asking to add this feature. The more requests they receive on it, the more they'll consider it necessary. Please shoot them an email so we can get this added sooner than later. Cheers!
(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.
One of the things that disappoints us about Squarespace is the inability to do 3 equal column layouts with images if you need space on the sides. Sometimes you don't want giant images and saving images with a ton of whitespace canvas is just kinda silly and looks bad on mobile. Seems every other web platform has kept up with the demands of responsive layouts.
Maybe others are using this hack (or a better one), but posting this in case anyone else is struggling.
So to center three images...
Create a BLANK page section with MANAGE SECTIONS.
Remember the name of this section for CSS in Step 4.
Add your three equal size height and width images (like client / customer logos with same pixel dimensions.)
Go to Custom CSS and add this code... #yoursectionname {margin-left: auto; margin-right: auto; display: block; width: 75%;}Adjust the width to wider or more narrow.
Works like a charm for us. Hope this helps.