lplabranche

worked perfectly, thanks!

Hello There,

Password: not ready yet

I have a little issue with the following css code, whereas it does what I am expecting, however the image on hover does not keep the proper proportions if the browser window is resized (not full screen). Is there a way to have the hover image link to response the same way as the original block-image in term of sizing? Thanks

This is what I have now:

/* Replace ".sqs-block-image" with the class name of your image block */

/* Change the background image of the image block on hover */

   .sqs-block-image:hover img {

     visibility: hidden;

}

.sqs-block-image:hover {

    background-image: url('https://static1.squarespace.com/static/63bc9e4937adc93be7a356ee/t/6414a42fd8042c6b870d5c87/1679074351492/bowes+logo+web.png');

  background-size: 56px;

  background-repeat: no-repeat;

  background-position: center center;

}

Hello, I am also trying to edit lock screen style, however the code i've come up with do not work.

Can anyone make this happen? that would be great.

where: advanced/ code injection / lock screen

<style>
.LockScreen h1 {
  font-family: 'Eurostile Extended', sans-serif !important;
  font-size: 72px
  font-weight: 900
}
  .LockScreen body {
  font-family: 'Eurostile Extended', sans-serif !important;
  font-size: 24px
  font-weight: 400
}
</style>

<style>
.LockScreen-logo img {
    max-height: 300%;
}
</style>

site link: https://antelope-daisy-4lpg.squarespace.com/

thanks in advance

@tuanphan I've finally manage to add another code which made it works. Thanks for taking the time to have a look!

Site URL: https://styleandease.ca/

Hello there, 

I am having an issue with my css code whereas the hyperlinks in the footer
won't react accordingly to the css code I previously used for other website.

Could someone please help me with this issue?

I would also like to have the social icon hover colour change only in the contact section.
(Now it does also affect the footer section)

Here is what I've used so far, which works great on the rest of the website, but not in the sections mentioned above:

/* footer link */
footer.sections a {
    color: #A8A6A1 !important;
}
footer.sections a:hover {
    color: #ffffff !important;
}
p a:hover {
color:#ffffff !important; 
}

.sqs-use--icon:hover {
  fill: #000000 !important;
}

Thanks!

I had the same issue this morning and know it works everywhere on my website with this code, but  not on my homepage. Any idea why or solution? www.lplabranche.com 

Thank you