Hide coloured layer on mouseover of icon

Site URL: https://shayech.squarespace.com/

Hi there

I would like to hide the coloured overlay on mouseover of my icon in the footer. I tried the following code, but it does not work. Can anyone please help?

Just now, orneverornow said:

Site URL: https://shayech.squarespace.com/

 

Hi there

I would like to hide the coloured overlay on mouseover of my icon in the footer. I tried the following code, but it does not work. Can anyone please help?

https://shayech.squarespace.com/

PW: SF2022

 

/* footer image transparent overlay */

div#block-yui_3_17_2_1_1646736558679_3608.image-overlay {

    background: transparent !important;

}

 

Many thanks

Sibylle

And one more questions: How can I make the last 3 projects on the page PROJEKTE not clickable. It should not link to a detailpage at all.

Thank you so much.
Sibylle

On 4/6/2022 at 5:28 PM, orneverornow said:

Site URL: https://shayech.squarespace.com/

 

Hi there

I would like to hide the coloured overlay on mouseover of my icon in the footer. I tried the following code, but it does not work. Can anyone please help?

https://shayech.squarespace.com/

PW: SF2022

 

/* footer image transparent overlay */

div#block-yui_3_17_2_1_1646736558679_3608.image-overlay {

    background: transparent !important;

}

 

Many thanks

Sibylle

Edit this CSS

body.homepage .has-aspect-ratio:after {
    content: "";
    position: absolute;
    background-color: rgba(253,187,153,.6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    transition: all .3s;
}

to this code

body.homepage article .has-aspect-ratio:after {
    content: "";
    position: absolute;
    background-color: rgba(253,187,153,.6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    transition: all .3s;
}

#2. Use this CSS
 

div#gridThumbs>a:nth-last-child(-n+3) {
    pointer-events: none;
}

23 hours ago, tuanphan said:

Edit this CSS

body.homepage .has-aspect-ratio:after {
    content: "";
    position: absolute;
    background-color: rgba(253,187,153,.6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    transition: all .3s;
}

to this code

body.homepage article .has-aspect-ratio:after {
    content: "";
    position: absolute;
    background-color: rgba(253,187,153,.6);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    opacity: 0;
    transition: all .3s;
}

#2. Use this CSS
 

div#gridThumbs>a:nth-last-child(-n+3) {
    pointer-events: none;
}

 

Thank you very much @tuanphan!!!
Is there any possibility to have a different logo (colour) on the subpages than on the homepage?

Best
Sibylle

On 4/11/2022 at 3:32 PM, orneverornow said:

Thank you very much @tuanphan!!!
Is there any possibility to have a different logo (colour) on the subpages than on the homepage?

Best
Sibylle

You mean, change logo to different logo color, on these pages?

https://shayech.squarespace.com/projekte/kilchberg-sunset-house

https://shayech.squarespace.com/projekte/thalwil-zimmerbergstrasse

...

2 hours ago, tuanphan said:

You mean, change logo to different logo color, on these pages?

https://shayech.squarespace.com/projekte/kilchberg-sunset-house

https://shayech.squarespace.com/projekte/thalwil-zimmerbergstrasse

...

Hi @tuanphan.

I mean all the subpages, except the HOME. I would like to upload a darker logo on the following pages for a better visibility:

https://www.shaye.ch/projekte
https://www.shaye.ch/ueber-uns
https://www.shaye.ch/kontakt
and obviously also all the detail pages of the projects like for example:
https://www.shaye.ch/projekte/kilchberg-sunset-house

The homepage is fine with a bright logo: https://www.shaye.ch/
 

Thank you very much and happy easter!
Sibylle