Guest Posted November 13, 2019 Share Posted November 13, 2019 I would like to change the color of hyperlinks on hover, and I've been able to do it, however it also affects the text in buttons. Is there a way to avoid that? (Bedford) Link to comment
colin.irwin Posted November 13, 2019 Share Posted November 13, 2019 Try adding the following to your custom css area (Design > Custom CSS) .html-block a:not(.sqs-block-button-element) { color: red !important; // standard link color &:hover { color: blue !important; // hover color } &:active { color: green !important; // color link goes when clicked } } Then insert the colors you need. If you're looking for a Squarespace Developer, drop me a line. Link to comment
Guest Posted November 13, 2019 Share Posted November 13, 2019 Very close, thank you! I wanted all links (including blog titles) to have the same effect, so I made a tweak, however now it is changing the font color in the banner image button to the text link color. a:not(.sqs-block-button-element) { color: #00A3B0 !important; // standard link color &:hover { color: #F05123 !important; // hover color } &:active { color: #43403C !important; // color link goes when clicked } } Link to comment
colin.irwin Posted November 13, 2019 Share Posted November 13, 2019 A link to your site would make it easier to provide a solution. If you're looking for a Squarespace Developer, drop me a line. Link to comment
Guest Posted November 13, 2019 Share Posted November 13, 2019 Sorry, here it is: https://www.wayfarenursing.com/new-home2 Link to comment
Guest Posted November 15, 2019 Share Posted November 15, 2019 Decided to switch to Brine so links can have some effect applied. Thanks. Link to comment
Tami-y Posted July 23, 2020 Share Posted July 23, 2020 I know this post is not new - but thanks a lot Colin.irwin !!! This code is brilliant! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.