Jump to content

Change button hover opacity on all BUT one page

By becca, in Fonts, colors and images

Go to solution Solved by becca,

Recommended Posts

becca Level 4

becca

Posted
Posted 
  .sqs-block-button-element {
    background: rgba(0, 0, 0, 0.3) !important
}
  .sqs-block-button-element:hover {
    background: rgba(0, 0, 0, 0.5) !important
  }

Here's what I have currently. It's working great but I want it to *not* happen on one page- the home page.

Either I'd like to exclude the landing page OR have this effect only happen to the Secondary button style. Either works for me. How do I do this? Thanks!

https://www.wildbluestudios.art/

Link to comment
  • Replies 1
  • Views 250
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

  • Solution
becca Level 4

becca

Posted
  • Author
  • Solution
Posted

solved- adjusted to

  .sqs-block-button-element--large {
    background: rgba(0, 0, 0, 0.2) !important
}

  .sqs-block-button-element--large:hover {
    background: rgba(0, 0, 0, 0.5) !important
  } 

  .sqs-block-button-element--large {
    background: rgba(0, 0, 0, 0.2) !important
}

  .sqs-block-button-element--large:hover {
    background: rgba(0, 0, 0, 0.5) !important
  }

 

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources