Title: Custom CSS ignored? Last modified: August 21, 2016 --- # Custom CSS ignored? * Resolved [dbinbrea](https://wordpress.org/support/users/dbinbrea/) * (@dbinbrea) * [12 years, 10 months ago](https://wordpress.org/support/topic/custom-css-ignored/) * I am using your plugin but the form embedded looks awful. I am trying to use custom CSS but it is having no effect. I have enabled the “Enable custom WordPress Google Form CSS” in the settings. Specifically, I added this css: * div.ss-required-asterisk { color: red; font-weight: bold; margin-left: 2px; margin-right: 3px; } * The asterisk is not red and no margins are added. * You can view my ugly form at [http://dave-testing.com/rth/wpgforms/seminar-registration/](http://dave-testing.com/rth/wpgforms/seminar-registration/). * Can you tell me what I might have done wrong? * Dave * [http://wordpress.org/plugins/wpgform/](http://wordpress.org/plugins/wpgform/) Viewing 13 replies - 1 through 13 (of 13 total) * Plugin Author [Mike Walsh](https://wordpress.org/support/users/mpwalsh8/) * (@mpwalsh8) * [12 years, 10 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980375) * You’re right, your form looks awful! * I took a quick look and don’t immediately see the source of the problem. It is likely the CSS for your theme that is the problem but we should be able to fix it. I may not be able to look at it until tomorrow night as I’ll be flying home all day tomorrow but I’ll put it in my queue. * Plugin Author [Mike Walsh](https://wordpress.org/support/users/mpwalsh8/) * (@mpwalsh8) * [12 years, 10 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980376) * Try this, it should help: * ``` div.ss-select select, div.ss-paragraph-text textarea { clear: both; display: block; margin-bottom: 10px; } div.ss-form-entry > input { clear: both; display: block; width: 300px; margin-bottom: 10px; } div.ss-paragraph-text textarea { width: 300px; } ``` * These all work when I add them manually with Firebug but it is possible your theme could override them but I think they’ll work. * Thread Starter [dbinbrea](https://wordpress.org/support/users/dbinbrea/) * (@dbinbrea) * [12 years, 10 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980384) * I added your CSS to the forms and it did not work. When I added it to the styles. css for my theme – bingo! If you can find a way to make it work properly, let me know, but otherwise I will keep it updated in styles.css for the theme. BTW, the theme is “The Cause”. See [their page here](http://themeforest.net/item/the-cause-nonprofit-wordpress-theme/3239172). * Thanks for the quick response. * Dave * Plugin Author [Mike Walsh](https://wordpress.org/support/users/mpwalsh8/) * (@mpwalsh8) * [12 years, 10 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980386) * Do you have the “Enable Custom CSS” checkbox checked? I ask because when I look at the source of the page I don’t see the Custom CSS which should be present. * Thread Starter [dbinbrea](https://wordpress.org/support/users/dbinbrea/) * (@dbinbrea) * [12 years, 10 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980393) * I do have it checked. They are both checked (default and custom). I have custom CSS loaded into the box below them as well. I also tried putting custom CSS in the form -specific CSS area. * Dave * Plugin Author [Mike Walsh](https://wordpress.org/support/users/mpwalsh8/) * (@mpwalsh8) * [12 years, 10 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980419) * The form specific CSS and the global setting get concatenated together and output together. I wondering if your theme is doing something to the post content that is filtering it out. A quick way to tell would be to switch to a different theme temporarily and see if the custom CSS is output correctly. I am not sure how else to debug this without access to the theme itself. * Thread Starter [dbinbrea](https://wordpress.org/support/users/dbinbrea/) * (@dbinbrea) * [12 years, 10 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980461) * If I have a chance I’ll take a look. For now, this is resolved as far as I’m concerned since I have my form formatted. * Dave * [Twiks](https://wordpress.org/support/users/twiks/) * (@twiks) * [12 years, 9 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980579) * Im using themeforest theme too and the custom CSS will not work as well. All the text boxes are small sizes and the text it self is quite small too. I cannot send the link now as I am running the website in a maintenance mode. * Plugin Author [Mike Walsh](https://wordpress.org/support/users/mpwalsh8/) * (@mpwalsh8) * [12 years, 9 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980580) * Have you tried any of the solutions I posted in this thread? If you look at Dave’s form you can see we were able to resolve the issues. * [Twiks](https://wordpress.org/support/users/twiks/) * (@twiks) * [12 years, 9 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980581) * If i enter into custom CSS it will not work, it will only work if I paste it straight into css of the plugin through the editor. * Other q’s I wanted to ask. How do I enter default theme button style to the form. Increase the text area height. Edit text size. * Sorry if this is too much to ask. * Plugin Author [Mike Walsh](https://wordpress.org/support/users/mpwalsh8/) * (@mpwalsh8) * [12 years, 9 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980582) * Not too much to ask but hard to answer without a URL to see your form. Because every WordPress theme is slightly different there isn’t a “one size fits all” to your question. * [Twiks](https://wordpress.org/support/users/twiks/) * (@twiks) * [12 years, 9 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980583) * [http://thinkingbigucd.ie/?page_id=26](http://thinkingbigucd.ie/?page_id=26) okay here it is, but up for 2 days if that is enough time * Plugin Author [Mike Walsh](https://wordpress.org/support/users/mpwalsh8/) * (@mpwalsh8) * [12 years, 9 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980584) * Your questions: 1. How do I enter default theme button style to the form? 2. Increase the text area height? 3. Edit text size? * My Answers: 1. I need to see what the default theme button looks like to say for sure but most likely you’ll have to replicate your theme’s button CSS for the #ss-submit CSS id (which is assigned to the Submit button). 2. Use the following CSS: 3. ``` div.ss-form-entry > input { height: 50px; /** Tune height value to your preference **/ } ``` 4. Use the folliwng CSS: 5. ``` input.ss-q-short { font-size: 20px; /** Tune size value to your preference **/ } ``` * If I have misunderstood your questions let me know. Viewing 13 replies - 1 through 13 (of 13 total) The topic ‘Custom CSS ignored?’ is closed to new replies. * ![](https://s.w.org/plugins/geopattern-icon/wpgform_8cc59f.svg) * [Google Forms](https://wordpress.org/plugins/wpgform/) * [Frequently Asked Questions](https://wordpress.org/plugins/wpgform/#faq) * [Support Threads](https://wordpress.org/support/plugin/wpgform/) * [Active Topics](https://wordpress.org/support/plugin/wpgform/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/wpgform/unresolved/) * [Reviews](https://wordpress.org/support/plugin/wpgform/reviews/) ## Tags * [css](https://wordpress.org/support/topic-tag/css/) * 13 replies * 3 participants * Last reply from: [Mike Walsh](https://wordpress.org/support/users/mpwalsh8/) * Last activity: [12 years, 9 months ago](https://wordpress.org/support/topic/custom-css-ignored/#post-3980584) * Status: resolved