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)

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.

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

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

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.

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

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

#2. Vertical line: I added code.

K. SCALE WITH TEMPLATES

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

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.

#3. Student Gallery: Added code.

#4. Display Gallery Block Description

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

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;
}}

• 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.