Jump to content

Buggy Site though all codes/CSS are disabled

Go to solution Solved by creedon,

Recommended Posts

Hi together,

I am new in SqSp and unfortunately we are struggling with some bugs right now. Hopefully you pros know how we can solve this:

  1. the Social Links in my Header are activated, but they will not be shown. Do you have an idea, whats the problem?
  2. My Gallery pictues (below 'Projekte') should zoom in by mouse over. Here was this minimal effect and I don't see how its lost.

Site: https://echidna-flugelhorn-5ybf.squarespace.com/
PW: try

Hopefully you can give me crucial Tipps!

Note: Could it be a problem that a blog is set up as the home page?

Best
Matteo

Edited by Matt-W-Urst
accidentally sent too early
Link to comment
  • Solution

The issue is you started to comment out custom code but you didn't close the comment properly. To close an HTML comment it needs to end with -->. A full comment looks like...

<!-- my comment here -->

Take a look at Settings > Developer Tools > Code Injection > FOOTER and fix the code there.

Let us know how it goes.

Edited by creedon

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

@creedon The social icon problem is fixed. Maybe you have an idea how I can solve this:

On 5/30/2023 at 5:43 PM, Matt-W-Urst said:

My Gallery pictues (below 'Projekte') should zoom in by mouse over. Here was this minimal effect and I don't see how its lost.

I'm probably wrong that this was ever animated before. Do you know how I could solve this now?

Link to comment
Quote

My Gallery pictues (below 'Projekte') should zoom in by mouse over.

Add the following to Blog Settings > Advanced > Page Header Code Injection for the blog page. Please see per-page code injection.

<style>

  .blog-masonry .entry .image-wrapper img {
  
    transition : transform 0.25s;
    
    }
    
  .blog-masonry .entry .image-wrapper:hover img {
  
    transform : scale( 1.2 );
    transition : transform 0.5s;
    
    }
    
  </style>

Let us know how it goes.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment
18 minutes ago, creedon said:

Let us know how it goes.

Hey creedon! Thank you very much.
I have inserted the same, but unfortunately without effect.
I probably also expressed myself in a misleading way: The hover effect should appear in the blog gallery. That means: the gallery images on my start page under 'Projekte', see screenshot.

Ohne Titel Kopie.jpg

Link to comment
Quote

I have inserted the same, but unfortunately without effect.

I don't see the code on the page. It is hard to diagnose an issue if the code is not installed.

Quote

The hover effect should appear in the blog gallery. That means: the gallery images on my start page under 'Projekte', see screenshot.

I wrote the code to work with that section. Unless I'm missing something your home page is a blog page enhanced with additional sections. So my instructions about how to install to a blog page are correct.

Find my contributions useful? Please like, upvote, mark my answer as the best ( solution ), and see my profile. Thanks for your support! I am a Squarespace ( and other technological things ) consultant open for new projects.

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.