Jump to content

Applying Hover Effect on Footer

Recommended Posts

  • Replies 6
  • Views 2.3k
  • Created
  • Last Reply

Top Posters In This Topic

Do you happen to know what the code for just the logo in the header is? Trying to implement a glitch on hover effect and can't seem to figure out how to do it properly and cant figure out the correct code for the logo in the header.

Thank you in advance,

Brianne Evelyn

brianne.alexis113@gmail.com

Link to comment
On 2/24/2021 at 1:00 PM, Brianne_113 said:

Do you happen to know what the code for just the logo in the header is? Trying to implement a glitch on hover effect and can't seem to figure out how to do it properly and cant figure out the correct code for the logo in the header.

Thank you in advance,

Brianne Evelyn

brianne.alexis113@gmail.com

Can you share your site url?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 10 months later...
On 2/18/2021 at 9:31 PM, tuanphan said:

Add to Design > Custom CSS

footer.sections a:hover {
    color: red;
}

 

 

Hi, I've tried a bunch of permutations for changing hover state color on my site but nothing seems to work. The only code that I've gotten to work to do anything is the following:
 

//add footer hover state 

footer a:hover {

background: #BA5E41 !important;

}

Anything I've tried to change just the font color has failed. I'd even love to try something like what I have in the header which is a squishy line:

:after {

  content: '';

  background: #BA5E41; //color

  height: 1px; //thickness

  width: 0;

  display: block;

  margin-top: 1px !important;

  transition: width 1s; //animation speed

  margin: 0 auto;

}

That didn't work either. I'm striking out.

 

url: https://lychee-dogfish-zgem.squarespace.com/ (we will go live tonight so this may be a different url --> elcamino.travel)

pw: ezc

Link to comment
On 1/11/2022 at 1:06 AM, bybridges said:

 

Hi, I've tried a bunch of permutations for changing hover state color on my site but nothing seems to work. The only code that I've gotten to work to do anything is the following:
 

//add footer hover state 

footer a:hover {

background: #BA5E41 !important;

}

Anything I've tried to change just the font color has failed. I'd even love to try something like what I have in the header which is a squishy line:

:after {

  content: '';

  background: #BA5E41; //color

  height: 1px; //thickness

  width: 0;

  display: block;

  margin-top: 1px !important;

  transition: width 1s; //animation speed

  margin: 0 auto;

}

That didn't work either. I'm striking out.

 

url: https://lychee-dogfish-zgem.squarespace.com/ (we will go live tonight so this may be a different url --> elcamino.travel)

pw: ezc

You mean

Hover footer links >> change to another color?

Use this CSS

footer.sections .html-block a:hover span {
    color: #ba5e41 !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 4 weeks later...

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.