How do I prevent scaffold.css from overriding my custom css?

Question

I can't figure it out. It's probably trivial but I am extremely new to rails.

Thanks in advance if you can help!

Answer:

I went to the generated file that adds the header to my pages and changed the included css file to my own custom one.

You can apply order inclusion rules to your css inclusion - see http://stackoverflow.com/questions/8890929/rails-3-1-load-css-in-particular-order for ideas. — Scott C Wilson, May 12 '13 at 11:26

score 0 · Answer 1 · edited May 23 '17 at 10:29

0

In Rails 3.1 it would work a litte bit different since only the application style is included by default.

Since there is a list of all further included ones like mentioned here: Rails 3.1 Load css in particular order, you just have to change the order of this list or add the file at a specific position.

edited May 23 '17 at 10:29

Community

1
1

answered Oct 06 '12 at 18:34

dStulle

609
5
24

score -1 · Answer 2 · answered Feb 18 '14 at 02:22

-1

Have the CSS file with the correct styling you want applied to load last.

Or as others have suggested you could add !important to the css in question if you cant change the load order of the css files.

body {
color:#FFFFFF!important;
}

answered Feb 18 '14 at 02:22

Ryan

642
3
19

score -1 · Answer 3 · edited May 23 '17 at 12:02

-1

There's a question about not using scaffold.css, might be what you're looking for?

Rails scaffold without the css file?

edited May 23 '17 at 12:02

Community

1
1

answered Mar 29 '12 at 08:20

Marcus

5,083
3
32
39

What about "rails g scaffold MyModel --no-stylesheets" isn't obvious? – Michael Durrant Apr 08 '12 at 19:47

score -1 · Answer 4 · answered Mar 29 '12 at 08:47

-1

It's not the most beautiful css, but in css you can add '!important' after an statement to override all 'normal' css statements. So you would use something along the lines of:

border:0px !important;

in your css.

answered Mar 29 '12 at 08:47

David Mulder

26,123
9
51
114

Don't use `!important` for trivial things like this. Change the load order of the CSS instead. – sevenseacat Feb 18 '14 at 02:24
Load order has only something to do with rules of equal specificity, as I already pointed out in the answer it's not beautiful CSS, but in cases where you're stuck with framework css it sometimes makes most sense. – David Mulder Feb 18 '14 at 10:34
And either way it's a good option to be aware of, not like `!important` is evil, just another (ugly) way to affect specificity. – David Mulder Feb 18 '14 at 10:36

How do I prevent scaffold.css from overriding my custom css?

4 Answers4