WR-Mike Posted August 31 Share Posted August 31 I am having issues changing the button background colour on the form at the top of this page. https://wrpartners.co.uk/ppc-services-landing-page-template I have added this custom CSS; .sqs-background-enabled.sqs-block-form .sqs-editable-button.sqs-button-element--primary, .site-wrapper .sqs-background-enabled.sqs-block-form .sqs-editable-button { background: #41986c; important!; } However, I think the below CSS is stopping it from working. .sqs-button-element--primary { background-color: #000000; color: white; important!; } When I view and test in Chrome developer tools and remove the important!; from the above code it does work. However I don't have access to the CSS files to remove that. Is there any way I can achieve the colour change for the form button withinin custom css? Link to comment
Lesum Posted August 31 Share Posted August 31 @WR-Mike Your code has some syntax errors. You can try this code snippet: input[type='submit'] { background: #41986c !important; } If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
Lesum Posted August 31 Share Posted August 31 @WR-Mike Add the code under Custom CSS panel. Thanks! If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
WR-Mike Posted August 31 Author Share Posted August 31 Thank you Lesum. Unfortunately this did not seem to work. Link to comment
Lesum Posted August 31 Share Posted August 31 @WR-Mike It should have worked. I tested it. I don't see the code added to your site. Did you add the code under Custom CSS panel? If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
WR-Mike Posted August 31 Author Share Posted August 31 @Lesum I add it to the page header code injection. I have just readded it again and saved. Should I have put it somewhere else? Link to comment
Lesum Posted August 31 Share Posted August 31 @WR-Mike That's why it didn't work. You should add it under Website > Utilities > Website Tools > Custom CSS. If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
WR-Mike Posted August 31 Author Share Posted August 31 Thanks @Lesum will this change the background button colour just for this page? As I don't want to change it elsewhere. Link to comment
Solution Lesum Posted August 31 Solution Share Posted August 31 @WR-Mike If you don't want to change the button color on other pages, then you can add the code below under page header code injection, same place you tried to add before: <style> input[type='submit'] { background: #41986c !important; } </style> If my comments were useful, please like or mark my solution as answer so others can scroll to it quickly. Sam Web Developer & Digital Designer ☕ Did you find my contribution helpful? Buy me a coffee? Link to comment
WR-Mike Posted August 31 Author Share Posted August 31 Amazing @Lesum thanks so much 🙏 Lesum 1 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