MKEQ

On 1/3/2023 at 9:59 PM, Ziggy said:

Can you try this Custom CSS to hide the warning message?

html.squarespace-damask .sqs-blockStatus {
    display: none !important;
}

It may only work when in the CSS panel, but if it does it will allow you to then go back into editing the page and shrink the block down.

thanks mate, helped me too

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 

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

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 

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!