Buy me a coffee

A. Sitewide

#1. Button icons not displaying reliably

Similar #3

#2. SVG carousel + list arrow icons on hover

Hover Icon: Similar #3

#3. Custom bullet points not displaying reliably

Icon url doesn’t work. If you click icon url, you will see a blank page. If it works, it should show a real icon.

You can upload all icons to paid site and provide new urls, I will add to code.

B. Homepage

#1. Homepage Scrolling Showcase Section

  • List section with larger central item, displaying adjacent slides.
  • Styled arrows on side of the list section on Homepage and Toolbox.
  • Styled arrows on either side of main central image on Blog and Podcast pages
  • Arrows hidden below next section so not displaying: Fixed
  • Images not centered
  • Fourth item showing at edge of screen
  • Move arrows to the sides: Fixed

 

C. ABOUT

#1. About page team bio section

I created a test page in Not Linked. You can check here. (It has a problem in edit mode, but fine with below link, I don’t sure why)

https://kate-scott-llc.squarespace.com/about-1?noredirect

This is my way. You can check, if you find this way ok, I will guide you do on main images.

Here I used a Text Block + Code Block, then use JavaScript code to achieve hover effect.

Kate05

in edit mode, I use text line with underline, then use code to turn it to horizontal line

Kate06

with Code Block, I copy code in all Code Block and add to one Code Block

Kate07

 

D. BLOG

#1. List section with larger central item, displaying adjacent slides. I see you solved this.

#2. Styled arrows on side of the list section on Homepage and Toolbox. Added code

#3. Styled arrows on either side of main central image on Blog and Podcast pages: Added code on Blog Page. I don’t see slide on Podcast page.

E. Toolbox

#1. Blog Slider Section

I don’t see “the Blog” section on Toolbox page

#2. Blog Summary Section arrows: Added code

#3. Toolkit Podcast List section arrows + overflow: Added code

#4. Image crop in Incognito mode: Added code

#5. Vertical line: Added code

#6. Podcast gallery block mobile view: Added code

F. HELP CENTER

#1. Replace summary block arrows (Help & Center, Link in Bio)

#2. Gallery Styling

  • Images with border and rounded corners: I added code
  • 1st + last images overflowing page by 50%, second row offset from 1st row

G. DIRECTORY

#1. Section divider cutting off images: Added code.

https://kate-scott-llc.squarespace.com/squarespace-designer-directory?noredirect

H. SHOP PRODUCTS

#1. “Hover to scroll” element: Added code

#2. Need 3 images to show on desktop with middle image centered.

#3. Move arrows below images. Fixed.

I. Shop

#1. Shop page redirect to product pages: Fixed

#2. Shop images remove white space below image inside border

It is white space inside image. Code can’t fix this. You need to crop it.

See example: https://images.squarespace-cdn.com/content/v1/64337c0c08e3b8146975782d/1709893962582-YVJB1W17AD0TPEQHBCS9/Sparhawk-sales-funnel-template.png?format=500w

Kate03

 

J. GROW WITH SEO + GROW WITH SEO EVERGREEN

#1. Section divider cutting off images: Added code. But not sure why it doesn’t work on Edit Mode. You can check result via this link

https://kate-scott-llc.squarespace.com/seo?noredirect

#2. Vertical line: I added code.

K. SCALE WITH TEMPLATES

#1. Section divider cutting off images: Added code. But not sure why it doesn’t work on Edit Mode. You can check result via this link: https://kate-scott-llc.squarespace.com/swt-special-offer?noredirect

 

With: The Directory, Scale with templates doors closed, Masterclass sign up, Free challenge sign up, Free training >> Can you provide access password? I want to test on another device.

#2. Vertical line: Added code.

https://kate-scott-llc.squarespace.com/swt-special-offer?noredirect
https://kate-scott-llc.squarespace.com/seo?noredirect

#3. Student Gallery: Added code.

#4. Display Gallery Block Description

Added code. I also see you used this code for Gallery Block Title

Kate04

However you used incorrect font-family, so current the font shows Serif font on Windows PC. The correct font-family should be

font-family: ivypresto-display !important;

 

#5. Showcase Slideshow

  • Make fixed content height so vertical images are the same height as horizonal ones. >> Same height all will stretch images and it will be very ugly. You can insert this code into CSS, you will see the problem.
section[data-section-id="6579fcf13fd45b11a8f69c20"] {
.user-items-list-carousel__media-container, .user-items-list-carousel__media, .user-items-list-carousel__media-inner {
    height: 100% !important;
}}

Same Height

  • Swap arrows for custom SVG icons and move to below slideshow: Added code

#6. Scrolling testimonial with background + circular image on top

#7. Table styling – mobile view: I see you solved?

#8. Case Study Section: Added code.