By using Elementorforum.com’s services you agree to our Cookies Use and Data Transfer outside the EU.
We and our partners operate globally and use cookies, including for analytics, personalisation, ads and Newsletters.

  • Join the Best Unofficial Elementor Support forum

    Provide or get advice on everything Elementor and Wordpress, ask questions, gain confirmation or just become apart of a friendly, like minded community who love Wordpress and Elementor


    Join us!
elementor official

Submit Buttons have 1px font size

petergamston

petergamston

New Member
A complete newbie I have just built my first web site and it is 99.9% complete but I have been stuck for days on the very last thing. I have added a contact form (Using WPForms-lite
Screenshot (4).png
but I've now tried other form plug-ins with the same result) and the text on the submit button is 1px - just looks like dots! Over these days I've read countless articles telling me the default CSS is :
div.wpforms-container-full .wpforms-form button[type=submit] {
background-color: #eee; /* Grey background */
border: 1px solid #ddd; /* Dark grey border */
color: #333; /* Black text color */
font-size: 1em; /* Size of text */

and teaching me how to edit it but it doesn't make a blind bit of difference probably because when I inspect the button I don't see wpforms-form button[type=submit but rather

.elementor-kit-38 button, .elementor-kit-38 input[type="button"], .elementor-kit-38 input[type="submit"], .elementor-kit-38 .elementor-button {
font-size: 1px;

I can edit this to say 10px or simply uncheck the box so as to not specify a font size and low and behold the text is legible but I haven't a clue how to save the change to make it stick or why this is happening to me and apparently nobody else. (Active theme is Astra, all pages edited with Elementor)
 
elementor official

Latest posts

Other Elementor Resources

elementor official
elementor official
Top