identifyasaproblem Posted October 8, 2023 Share Posted October 8, 2023 Hi there! This is the code I am using to create a hover effect on my primary button, see below. I know I have gotten something (or more than a few somethings) wrong because the css is unaffected. I want the button to be transparent but on hover to have the same color gradient as my footer (when it is fixed). https://duck-sheep-gyj3.squarespace.com/ /SD$$$2023 //HOVER PRIMARY BUTTON GRADIENT// .sqs-button-element--primary:hover { background: #00FFFFFF; background: -webkit-linear-gradient(to left, #fe9c37, #da6026, #114155, #3b97b6, #693237); background: linear-gradient(to left, #fe9c37, #da6026, #114155, #3b97b6, #693237) } Link to comment
identifyasaproblem Posted October 10, 2023 Author Share Posted October 10, 2023 Question 2- if this button works (if a CCS sorcerer can help me out) is there a way to have this hover only on the primary button on my homepage and not any other pages? Is there a way to target just the one page? Link to comment
Solution tuanphan Posted October 12, 2023 Solution Share Posted October 12, 2023 #1. Header button or primary button? If primary, can you share link to a page where you use primary button? We can check its id easier #2. We can add homepage class before the code, something like this: body.homepage {your code} 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
identifyasaproblem Posted October 23, 2023 Author Share Posted October 23, 2023 On 10/12/2023 at 7:20 AM, tuanphan said: #1. Header button or primary button? If primary, can you share link to a page where you use primary button? We can check its id easier #2. We can add homepage class before the code, something like this: body.homepage {your code} Thanks for responding, I think I am going to leave the header button as is. I don't think it will look great on the different ground colors of my other pages. 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