I get code on frontpage

Hi @sbraunm,

The issue could be due to how the custom CSS is added to your site. When you get the chance, could share a screenshot of how the custom CSS has been added?

In case it helps, we recommend following this tutorial from WPBeginner to add custom CSS to your site.

Hope this helps!

Hi Ethan,

I pasted the custom code many weeks ago, and had no problem. This problem appeared a few days ago after changing font colors of the whole website. This is the custom code I have for wpforms:

boton wpforms

/* New button styles */
div.wpforms-container-full .wpforms-form input[type=submit],
div.wpforms-container-full .wpforms-form button[type=submit] {
padding: 15px; /* Increase distance between text and border */
width: 100%; /* Make the button full-width */
font-size: 1.5em; /* Increase text size */
background-color: #0099CC /* Red background */
color: #fff; /* White text */
border: 8px double #860b0b; /* Dark red, double-line border */
}

/* New button hover styles */
div.wpforms-container-full .wpforms-form input[type=submit]:hover,
div.wpforms-container-full .wpforms-form input[type=submit]:active,
div.wpforms-container-full .wpforms-form button[type=submit]:hover,
div.wpforms-container-full .wpforms-form button[type=submit]:active,
div.wpforms-container-full .wpforms-form .wpforms-page-button:hover,
div.wpforms-container-full .wpforms-form .wpforms-page-button:active {
background-color: #860b0b; /* Dark red background */
border: 8px double #af0000; /* Red, double-line border */
}

Thanks for your help

Hi @sbraunm,

When I used the browser’s ‘View Page Source’ option on your page (see screenshot here), it seems like the custom CSS were added to your site without the <script> and </script> tags.

When you get the chance, could you please try adding those tags to the CSS to see if it resolves the issue?

In case it helps to share, we recommend adding custom CSS snippets to specific locations that are designated for CSS snippets to avoid issues like this. Here are two options for your consideration:

1) In your WordPress admin sidebar go to Appearance > Customize. Then in the Customizer sidebar that appears, go to Additional CSS to paste the code in.

2) Alternatively, you can install and activate the Simple Custom CSS plugin. With this plugin, you can paste custom CSS into its field on your site.

For more details on the two options above, please see WPBeginner’s article.

Hope this helps!

• This reply was modified 4 years, 9 months ago by Ethan Choi.
• This reply was modified 4 years, 9 months ago by Ethan Choi.

Hello Ethan,

I added the custom CSS at additional CSS (the option 1), many weeks ago. It did not cause the problem. I even took it out, and the problem is still there. The problem is deffinitelly not coming form the custom CSS, but from WPForms itself for some reason.

If I deactivate WPForms the problem is still there.

Please help.

• This reply was modified 4 years, 9 months ago by sbraunm.
• This reply was modified 4 years, 9 months ago by sbraunm.
• This reply was modified 4 years, 9 months ago by sbraunm.

Nevermind. I duplicated the page and replace the old contact page for this one and it is fine now

Hi @sbraunm,

Glad to hear you’ve got that resolved, and thanks for the update!