justinfrench/formtastic — Issue #724: Overwriting the css of formtastic
Author: Nerian
Created: 2011-10-23 22:29:47+00:00
State: open

Hi,

I am using css3buttons_rails_helpers with formtastic and I am having some issues. The submit button doesn't look right.

I'm using Rails 3.1

application.css

```` css
/*
* This is a manifest file that'll automatically include all the stylesheets available in this directory
* and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
* the top of the compiled file, but it's generally better to create a new file per style scope.
*= require_self
*= require formtastic
*= require my_formtastic_changes
*= require css3buttons/without-reset
*/
````

my_formtastic_changes.css

```` css
form.formtastic input.button, form.formtastic.button.button {
height: 25px;
padding: 0.2em 1em 0.2em 2.5em;
font-family: sans-serif;
font-size: 11px;
margin-left: 5px;
}

.formtastic fieldset {
border: 1;
}
````

The problematic code:

````haml
= semantic_form_for @mentor do |f|
= f.inputs :name => "New Mentor" do
= f.input :name
= f.commit_button 'Save new mentor'
````

The code that I put in my_formtastic_changes.css get overwritten by the official css, so no border in the fieldset. I don't know what I am doing wrong.

This is the code in the head

```html

DaVinci

```