Since you’re using a custom theme in Weebly and want to override the CSS for the input field border, button border, and button text to white only on this specific page (https://www.theinnovationstation.ca/) without affecting other sites using the same theme, you’ll need to inject page-specific CSS. Weebly allows page-specific CSS through the "Pages" tab in the editor, where you can add custom code to the section of a specific page. Based on the form HTML you provided, I’ll refine the CSS to target the specific elements (wsite-form-input, wsite-input, wsite-button, and wsite-button-inner) and ensure the changes apply only to this page.
Here’s how to achieve this with page-specific CSS in Weebly.
Page-Specific CSS for Form Styling
css
Show inline
Instructions to Inject Page-Specific CSS in Weebly
Log into Weebly:
Go to your Weebly account and open the site editor for https://www.theinnovationstation.ca/.
Navigate to the Specific Page:
In the Weebly Editor, click the “Pages” tab at the top.
Select the page where the form appears (likely the homepage or a specific page with the form).
Add Custom CSS to the Page’s :
In the page settings, click the “SEO Settings” or “Advanced” tab (depending on your Weebly version).
Find the “Header Code” section for this page.
Paste the following code into the “Header Code” box to inject the CSS:
html
