swise512 Posted September 22, 2019 Share Posted September 22, 2019 (edited) Hey, I'm trying to figure out how to isolate the header button on my website (using 7.1) so I can create a hover effect. I've tried using the chrome inspection tool but I can't find an element similar to .sqs-block-button-element that would isolate the header button. Any help in figuring this out would be greatly appreciated Website: https://hexaflexagon-star-bh8p.squarespace.comPass: square123 Edited September 22, 2019 by StephenWise1999 Initial Revision Link to comment
swise512 Posted September 22, 2019 Author Share Posted September 22, 2019 (edited) So far I've figured this workaround but using this now means I can't figure out how to add my transition: .white-bold:hover .sqs-block-button-element:hover, .white-bold:hover .image-button:hover a, .white-bold:hover .header-actions:hover .btn:hover, .white-bold:hover .header-menu-cta:hover a { background-color: #febf00} Edited September 22, 2019 by StephenWise1999 Initial Revision Link to comment
FelipeAce Posted April 22, 2020 Share Posted April 22, 2020 This work for me. .primary-button-style-outline:hover .white:hover .header-actions:hover .btn:hover Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment