Support » Plugin: Contact Form Clean and Simple » Theme vs. plugin stylesheet

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Author megnicholas


    Hi Kat,

    What does it look like when you check the box instead, any better?

    If not, can you give me your url and I will have a look.


    Hi Meg,

    Checking the box only changes the size of the input fields …
    This is the url

    Thanks very much!


    Plugin Author megnicholas


    Hi Kat,

    As the form is now being formatted by your theme, rather than the stylesheet that comes with the plugin, the form’s formatting is now done solely by your theme. Which of course is fine, that is why the plugin gives you that option in the settings screen.

    You will need to edit this file:

    If you are using chrome browser, right click on the element you want to change and click ‘inspect element’. On the right hand side you will see the matched css rules. This will give you an idea of where in the stylesheet you need to make your changes to suit the styling you have in mind for the form.

    If you right click on the label element ‘Email Address:’ you will see the following rule is a match:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    	border: 0;
    	font-family: inherit;
    	font-size: 100%;
    	font-style: inherit;
    	font-weight: inherit;
    	margin: 0;
    	outline: 0;
    	padding: 0;
    	vertical-align: baseline;

    I don’t recommend you change that because alot of other elements will also be effected. To add a styling rule that only effects ‘label’ elements you will want to add something like this:

    label {
    	font-family:[your chosen font];
    	font-style: [your chosen font style];
    	font-weight:[your chosen font weight];

    Make sure you add the above after the original or the styling will not cascade down.

    As an aside/warning, it is generally not good practice to make changes to a theme directly because any updates the author supplies later on will overwrite any changes you make. The general advice is to create a child theme instead and put all your changes in there. Here is a link for more information:

    Hope that helps.


    Thanks Meg! You’re a star 🙂

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Theme vs. plugin stylesheet’ is closed to new replies.