Lake Farm Days

I recently reconnected with Liz, a friend of the family, and she mentioned she was looking to get a website to advertise the various services she offers at her family-owned farm. This project was initial going to have an online shop too, but she decided to put that part on hold to get the website live sooner. This was a fun project with some unique custom coding challenges.

Visit Website See Project Details Back To Portfolio

Project Details

Squarespace Version
Classic Editor 7.1

Website Size
12 Pages • 8 Portfolio Sub-pages • 6 Event Posts • 1 Blog Post

Graphic Design
Remove element from a photo using Photoshop • Resize images • Browser icon

Custom CSS
Back To Top Button (premium script) • Custom Cookie Banner (premium script) • Disable map controls • Change boldness of heading text 1, 2 and 4 site-wide • Change colour and boldness of text links in image block - section specific • Add spacing to full bleed strips gallery section on three pages - section specific • Remove active page underline from menu on desktop and mobile • Reduce menu drop-down folder width • Change menu drop-down folder background colour and position • Change drop-down folder text colour and alignment • Add hover effect to menu links • Fix folder links alignment issue on mobile • Remove link from summary block images on home page • Change summary block title font and colour and remove links • Change summary block date background colour • Change summary block month text colour • Change summary block date text colour • Change font and style of bold + italic text to look like heading text • Reducing spacing between title and time on upcoming dates page on mobile • Remove links from events title and images on upcoming dates page • Change events date background colour • Change events date text colour • Hide events date from pagination • Adjust position of date over image on mobile • Hide view event button on past events (just in case) • Change colour, opacity and position of date strikethrough on past events (just in case) • Add spacing between quote and source on reviews page • Reduce portfolio and blog pagination font size on mobile • Add hover effect to next/prev pagination • Add hover effect to older/newer pagination • Add hover effect to blog title • Rename and style blog posts read more link and add hover effect • Add hover effect to footer text links • Disable automatic header hyphenation • Add custom border to contact form and disable input outline when fields selected • Change background colour of input fields

Other
Search Engine Optimisation • Google My Business • Email setup assistance • Domain connection • Change form background colour to semi-transparent using HTML (new code - just in case) • Website copy editing • Cookie Policy and Privacy Policy copywriting service • Anchor link • Zoom training session