Title: CSS Styling Tweaks (Help)
Last modified: May 7, 2024

---

# CSS Styling Tweaks (Help)

 *  Resolved [kogostudio](https://wordpress.org/support/users/kogostudio/)
 * (@kogostudio)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/css-styling-tweaks-help/)
 * Hi Mark.
 * Sorry mate, just neep help two things about css styling
    1. I want to remove the background for the hcaptcha field. 
       = [https://imgur.com/ioszdR1.png](https://imgur.com/ioszdR1.png)
    2. From the Customizer ▸ WS Form ▸ Primary, how can i edit the color code via css
       code. (i dont want to manually go on the Customizer to change the color)
       = [https://imgur.com/j8HQgVy.png](https://imgur.com/j8HQgVy.png)
 * Below is my current css for the wsf-forms
 *     ```wp-block-code
       .wsf-form .wsf-field-wrapper .wsf-field {
               background: var(--surface-20);
           	color: var(--surface-90);
       	    font-size: var(--fs-body);
           	font-family: var(--body-font);
       }
       .wsf-form .wsf-field-wrapper .wsf-label {
           	color:  var(--surface-90);
       	    font-size: var(--fs-body);
           	font-family: var(--body-font);
       }
       .wsf-form .wsf-field-wrapper .wsf-help {
       	    color: var(--surface-70);
       }
       ```
   
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcss-styling-tweaks-help%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [Mark Westguard](https://wordpress.org/support/users/westguard/)
 * (@westguard)
 * [2 years, 2 months ago](https://wordpress.org/support/topic/css-styling-tweaks-help/#post-17738750)
 * Hi [@kogostudio](https://wordpress.org/support/users/kogostudio/)
 * Whilst our support does not help with custom CSS coding, I did take a quick look
   for you.
 * 1. You are adding a background color to the fields yourselves, but it is being
   applied to all the fields. You would therefore need to modify your CSS to exclude
   the hCaptcha field type. There are, of course, many ways of doing this, but one
   way would be by using the :not pseudo class. e.g.
 * `.wsf-form .wsf-field-wrapper:not([data-type="hcaptcha"]) .wsf-field`
 * 2. You can change any color on the form using CSS, you would just need to use
   the correct CSS selector to do so. We have some pointers here: [https://wsform.com/knowledgebase/styling-forms-with-css/](https://wsform.com/knowledgebase/styling-forms-with-css/)
 * Many thanks!
 * Mark

Viewing 1 replies (of 1 total)

The topic ‘CSS Styling Tweaks (Help)’ is closed to new replies.

 * ![](https://ps.w.org/ws-form/assets/icon-256x256.jpg?rev=2834651)
 * [WS Form LITE - Drag & Drop Contact Form Builder](https://wordpress.org/plugins/ws-form/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/ws-form/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/ws-form/)
 * [Active Topics](https://wordpress.org/support/plugin/ws-form/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/ws-form/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/ws-form/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [Mark Westguard](https://wordpress.org/support/users/westguard/)
 * Last activity: [2 years, 2 months ago](https://wordpress.org/support/topic/css-styling-tweaks-help/#post-17738750)
 * Status: resolved