My CSS stopped working after using "site styles".

Hello, 

I've been using CSS to enlarge and brighten images on hover. Worked like a charm for several months until today when I clicked on "site styles" - the CSS works only when I'm in the "site styles" now and does not work when I save it. (Did not happen before when I was in "site styles" - as usual Squarespace did same changes and it stopped working.)

here's an example of the CSS code:

-------------------------------------------------

#block-yui_3_17_2_1_1654440361834_50510
{img: hover {transform: scale(1.05); transition: 1.5s;}
 img {transform: scale(1.0); transition: 1.2s;}
 img: hover {-webkit-filter: brightness(110%);}
div {overflow:visible!important}}

-------------------------------------------------

Any help what to do?

Thank you!

Can you share your website URL?

17 minutes ago, Ziggy said:

Can you share your website URL?

I thought it would show up since there's a specific line for that but I guess not. The CCS code for the "#block-yui_3_17_2_1_1654440361834_50510" is the first image on top of the page "VEDOMY TVORCA zivota" https://mkequilibrium.sk/vedomytvorcazivota 

19 minutes ago, MKEQ said:

I thought it would show up since there's a specific line for that but I guess not.

It doesn't come through, it is absolutely not clear, not your fault.

Try this re-working of your CSS:

#block-yui_3_17_2_1_1654440361834_50510 img {
  transform: scale(1.0); 
  transition:ease-in-out 1.2s;
}
#block-yui_3_17_2_1_1654440361834_50510 img:hover {
    transform: scale(1.05); 
    transition: ease-in-out 1.5s;
    -webkit-filter: brightness(110%);
  }  
}
#block-yui_3_17_2_1_1654440361834_50510 div {
  overflow:visible!important;
}

On 3/16/2023 at 1:11 PM, Ziggy said:

It doesn't come through, it is absolutely not clear, not your fault.

Try this re-working of your CSS:

#block-yui_3_17_2_1_1654440361834_50510 img {
  transform: scale(1.0); 
  transition:ease-in-out 1.2s;
}
#block-yui_3_17_2_1_1654440361834_50510 img:hover {
    transform: scale(1.05); 
    transition: ease-in-out 1.5s;
    -webkit-filter: brightness(110%);
  }  
}
#block-yui_3_17_2_1_1654440361834_50510 div {
  overflow:visible!important;
}

 

Hi, unfortunately does not seem to work.

On 3/18/2023 at 11:13 PM, MKEQ said:

Hi, unfortunately does not seem to work.

Use this new code

#block-yui_3_17_2_1_1654440361834_50510 img {
    transform: scale(1);
    transition: ease-in-out 1.2s;
}

#block-yui_3_17_2_1_1654440361834_50510:hover img {
    transform: scale(1.05);
    transition: ease-in-out 1.5s;
    -webkit-filter: brightness(110%);
}

On 3/20/2023 at 1:08 AM, tuanphan said:

Use this new code

#block-yui_3_17_2_1_1654440361834_50510 img {
    transform: scale(1);
    transition: ease-in-out 1.2s;
}

#block-yui_3_17_2_1_1654440361834_50510:hover img {
    transform: scale(1.05);
    transition: ease-in-out 1.5s;
    -webkit-filter: brightness(110%);
}

Hello, this works thank you. But it's missing the div {overflow:visible!important} so when it scales in it's cut at the edges and I want to prevent that.  How to add that in correct form?

On 3/28/2023 at 10:32 PM, MKEQ said:

Hello, this works thank you. But it's missing the div {overflow:visible!important} so when it scales in it's cut at the edges and I want to prevent that.  How to add that in correct form?

Which page are you referring to? I need to check some ids

On 4/2/2023 at 11:29 AM, tuanphan said:

Which page are you referring to? I need to check some ids

The CCS code you've given me for the "#block-yui_3_17_2_1_1654440361834_50510" - the first image on top of the page "VEDOMY TVORCA zivota" https://mkequilibrium.sk/vedomytvorcazivota