Hi Shanhou, what a thoughtful practice your friend is running and how nice of you to make her website! I took a look and thought the website felt incredibly polished. I did have a few suggestions for improvement:
Logo on upper left: It looks almost like the “DW” and “Behavioral Health” are on different lines or maybe different font sizes
Landing page’s first banner: I personally think it might look nicer if the word “women” was on the second line with “and girls”
The landing page is quite long. I wonder if there’s a way to have “jump to” anchors?
Consider changing the tab current entitled “Current Patients” to “Patient Portal”? I initially thought “Current Patients” was going to reveal clients, the way commercial sites like to share their existing clientele, which would of course be HIPPA non-compliant and anxiety provoking
Hi @PDChappelle, ah, thank you. When I read the thread earlier, I saw a few recommendations, including for more costly options, but somehow missed the discussion on ShareThis' asethetic. I personally think it looks ok, but again, I am a novice at website design. Thanks anyway for looping me into the discussion.
As a newcomer to Squarespace and website building altogether, I find it so surprising that companies would take away functionality that their customers want and they already have/had! It feel like a not-fun mind game!
In any case, until Squarespace enables the share buttons for 7.1, I found this tutorial from @christyprice easy to follow. Also, it's free! https://christyprice.com/squarespace-tips-tricks/add-social-share-buttons-squarespace-blog
What's even more confounding, is that the controls are there. They simply don't work as yet. Social sharing is such an integral part of marketing for most of us, and it would seem to me that implementing this function should have been at the top of the list of things-to-do for the Squarespace team.
Hi Guys, so I was having the same issue for version 7.1 (so crazy they took it away). Here is how to add share buttons if you haven't found out already:
1. Go to https://sharethis.com/platform/share-buttons-2/?utm_source=googleadwords&utm_medium=cpc&utm_campaign=Search_NB_SocialShare&gclid=EAIaIQobChMI6LSrjKmX6AIVkg4rCh3MGwfQEAAYASAAEgIGXfD_BwE
2. It's super easy, but after you select Activate Now, scroll down and click "customise your share buttons" to pick and choose those you want and don't want, and to change their look and location. Unforuntately they don't have any nice sexy buttons, just the standard, but at least you have them.
3. I only wanted them on my blog posts, so for each blog, I added the code to Settings -- Advanced -- Post Blog Item Code Injection. But you could do the same for any page you want to add them to.
4. And it's done. It's free by the way, you just have to register.
(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.