RyanCaldarone

13 minutes ago, Artimithe said:

Good afternoon, since I started studying design a long time ago, I ran into a lot of questions along the way and choosing the right color scheme for me was most often one of the most difficult. I see your work is done very well, I really like it, I can only tell you to try to take different color schemes on https://create.vista.com/colors/palettes/vintage-color-palette/ and try to do it with their help, I think it should turn out super, there is a huge choice, you will definitely find the right option for yourself.

Thanks for the link! I LOVE resources like that. There’s a couple of Instagram accounts I follow that pair color patterns that are most often used for different mediums and styles.

I’m colorblind, so color pairings don’t always look the same to me as they do others. So I typically rely 100% on technical resources like those.

In my latest redesign, I’ve gotten most of all the elements to play nicely over any color combos so I can switch often to try things out :-)

14 hours ago, tuanphan said:

I think we can add some HTML code to achieve this? Can you describe the desired layout of navigation?

I think for the desktop version, just dropping the nav to the bottom would be interesting. For mobile, I'm inspired by some bottom-nav designs like these https://dribbble.com/tags/bottom_navigation

I have a feeling this will start to crop up in the wild more and more, especially with eCommerce. I'm just wondering if anyone has examples of Squarespace sites with alternative mobile navigation besides the standard expandable one. 

Has anyone experimented with or managed to create a bottom navigation on a Squarespace site?

in the advent of the new iOS Safari forcing the browser nav bar to the bottom of the screen, will websites soon follow?

is there even any way to do this? Does anyone think this will eventually be a new feature? Will this migrate to desktop view as well?

As a marketer copywriting is my foundation. Long Italian last names are also hard to spell, so early on I knew I needed a "brand" with a catchy domain that somewhat explains what I do. My niche is B2B business services companies so I knew I wanted a ".biz" domain. 

Early on one of my clients gave me a testimonial where she said it was like "having a writer in your pocket". 

So I went with https://www.pocketwriter.biz/

For the logo, I wanted it to be:

• Simple line work (easily swapped with color or on collateral)
• retro styled (just because I love the quirky ness of logos from the 50s-70s)
• needed to have my domain in the logo so people would know what to search for
• and have some visual element that incorporated either a pocket, or writing. 

I'd worked with a graphic designers for years on collab projects, and he's phenomenal with logos. So I explained all of the above to him, and for some reason I also said "Oh and I'm really into vintage neon lights now, and love the way layered lines come together to form stuff".

Somehow he nailed everything. 

www.matchadesign.com is his website 🙂. If you reach out for a logo or anything else, tell him I sent you!

The new art backgrounds on 7.1 inspired me to throw some pops of color to my website. Trying out all the new header options, the gradient made the most sense. 

It's now off-white gradient with a lot of blur, and extra drop shadow; using the built-in drop shadow along with a ghost plugins header drop shadow combined. I really like the look, and it fits well with any color theme I throw on the page!

https://www.pocketwriter.biz/ 

10 hours ago, RyanCaldarone said:

Amazing. Thanks for pointing that out Paul! 👍 

Looks like changing that 0 to a 1 fixed the H2 issue on image cards throughout the site, without changing how the plugin did its desired function. 

"figcaption::first-letter { 
  font-size: 1;
}"

1 hour ago, paul2009 said:

This is due to the following line of CSS in one of those plugins:

figcaption::first-letter { 
  font-size: 0; 
}

The H2s are part of the figcaption for the Image Card.

Was this post helpful? Please give feedback by clicking an icon below  ⬇️

 

Amazing. Thanks for pointing that out Paul! 👍 

Hi Everyone 🙂,

I'm a copywriter and marketing consultant. I've had my Squarespace site since I think version 6. The consultant part of what I do is primarily website audits for SEO and UX and building new sites on 7.1. 

My freelance business is my part-time hobby / side project that helps me stay fresh. I'm a full time marketing manager. 

Check out my site www.pocketwriter.biz 

Totally feel free to hit me up there or here if you think I can help in any way. 

The first thing I do with clients regarding SEO (especially local serving small businesses) is to set up and/or claim their Google Business profile. Then include that on their site in some way. (my favorite review plugin is elfsight). 

That helps tremendously. I also consider anything that helps raise the site's authority and EAT as SEO. 

As far as just raw copy, here are my go-to list of things I always do with an initial pass. 

• Use correct headings
  • only one H1 per page
  • proper H2, H3, etc. 
• Contextual hyperlinks
  • outside links that add value in context
  • using natural words as the link anchor (not "click here")
  • contextual internal links to relevant content that adds value (can be to other topic pages in the cluster, funnel, etc.)
• Real words and natural copy. Try to to be too spammy with keywords. 
  • definitely do use appropriate keywords long and short
  • take advantage that punctuation (full stops, commas, colons, etc.) do not influence keywords and keyword phrases
• Make the content on the page readable, especially on mobile
  • new paragraph breaks every two sentences or so
• Add alt text to all images
  • don't stuff them with keywords or short-hand
  • understand that this text will be read by a computer generated reader into audio
• Take advantage of Squarespace's great GUI for SEO
  • Review all those settings boxes and fill out excerpts, thumbnails, social sharing images, alt text, meta descriptions, nav titles, page titles, etc.
• Always update old content
  • keep urls intact
  • refresh old content with new information
• H2's are good opportunities for driving incoming traffic
  • If a page's topic, subject, and H1 are inspired by a search query, scroll down to the bottom of the google results to see the "others searched these topics" links and use those as your H2s. 
  • Make sure the H2's still make sense for the content on page
• Reference and link to known outside SME sources when relevant
• Use some third-party tools to eliminate poor quality backlinks
• When there's a good quality backlink, make a new post/page about it!
• Take advantage of third-party writing tools for copyediting
  • My favorites are
    • Grammarly
    • Hemmingway App Editor
    • AMI Headline Analyzer
    • Reading the copy out loud to see if you stumble anywhere
• Pay attention to technical stuff search engines care about when ranking your content
  • Font size too small for mobile
  • Page images, banners, backgrounds, content too wide for window
  • And other stuff that Google specifically calls out in performance guidelines from Search Console

I'm certain others have mentioned a bunch of the stuff I did, but I included it anyway because re-reading it helps me remember 😉

-Ryan

Site URL: https://www.pocketwriter.biz/portfolio

Weird bug/glitch.

Only on mobile the H2's are missing the first character. Desktop version is fine. Only affects H2's (both in the image blocks [side by side] and normal text blocks). 

It was displaying perfectly fine before I added two ghost-plugins for quote blocks and stylizing H4's (neither exist on this page). 

Here are the two plugins (which are functioning fine) I installed before I noticed the bug. Not sure if it's related or a coincidence. 

https://www.ghostplugins.com/steps/x26hdt8j

https://www.ghostplugins.com/steps/k9ehn8lg

I'd also welcome any general feedback on this page, or the rest of the site. I just added some of the new art-backgrounds and they're really really fun!

-Ryan

Desperately following this topic. Client is hosting on YouTube. Was thinking of using a pro Vimeo account, but it appears the issue persists regardless of source url. 

I'd rather have the thumbnail exist for a second or two, and let the video play smoothly at 2K when it's ready. 

On 12/19/2020 at 12:30 PM, derricksrandomviews said:This code has worked also, depending on the template:

/background color//
.yui3-squarespacecalendar .yui3-calendar-pane { padding-top: 10px;  padding-bottom: 10px; background: white !important;
  filter: opacity(80%);
  border: 0px solid #ffffff;
}

//today calendar color//
.yui3-squarespacecalendar .today{ color: #ff3333 !important; }

//event date colors//
.yui3-squarespacecalendar .compact-layout .yui3-calendar-day.has-event{ background: #171828 !important; 
}

///change all date text color//
td.has-event * {
    color: white !important;
}

This did it! Thanks a billion 🙂

I'm also interested in this topic. Client's site right now has the calendar block over a dark background image. The desktop version looks fine because of the larger resolution and the full bleed EVENT THUMBNAIL images that fill in the dates where events exist. 

But it's difficult to read and identify on mobile. Hopefully SquareSpace adds functionality to adjust opacity on the calendar for 7.1 soon. 

Ryan