Trying to use global.css to change Email form

[SpookyCat]

I have read through the other topics reagrding changing the Email form by changing the global.css, I have pasted in all the suggestions but there is never any change in the end form. I just want to have a simple email form which is placed on a Slider by a short code. No matter what I do in the global.css I can not get a single part of the form to change, color, font size, etc etc.
One thing I notice in your replies is to change things like
#tco-subscribe-form {
display: flex;
max-width: 100% !important;
justify-content: center;
align-items: center;
}
But if I inpect the element in a browser it is not #tco-subscribe-form but #tco_subscribe_form, is that an issue?
Can you offer any reason as to why this is not working.
Below is the element for the ‘Submit’ button, what would I need to add to the global.css to be able to change its color, and to position it by the side of the email box?

<input type="submit" name="tco_subscribe_form[submit]" class="submit x-btn x-btn-flat x-btn-pill" value="Submit" data-stylerecorder="true" style="text-align: left; line-height: 13px; letter-spacing: 0px; font-weight: 400; border-color: rgb(252, 252, 252); border-style: solid; border-width: 1px; margin: 2px 0px 0px; border-radius: 1800px; padding: 5px 10px 7px; outline: none;">

[nabeel]

Hi @SpookyCat,

Thank you for reaching out to us. I tried to check your site but it’s behind the under construction page. Your code seems correct however if the selector you find via inspector is #tco_subscribe_form then simply replace #tco-subscribe-form with #tco_subscribe_form and see if this works.

For styling the button, you can follow this thread Email forms custom button and custom title

Again if the code in the thread doesn’t work then this could be the selector, simply replace #tco-subscribe-form with #tco_subscribe_form

Please note that the code provided in the above thread serves as a guide only and is to help you in getting started so implementing it and maintaining the code will be out of our support scope.

Hope this helps!

[michaelgonzales99]

Where is the global CSS code kept? I want to change basic colors across the board but can’t seem to find it.

[ruenel]

Hello @michaelgonzales99,

Thanks for updating this thread. There is no global css in the Email Forms. It is hard coded and dynamically generated in the backend. If you want to modify the styles, please go the Plugins > Plugin Editor. Select the Email Forms in the plugin dropdown and find the shortcode-tco-subscribe.php file.

• 

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Hope this helps.