How can I change css on rails activeadmin?

Question

I have found a couple of similar questions but not a clear answer. I have install active admin and trying to change the css I read on the active_admin.css.scss

// To view the variables that Active Admin provides, take a look at // app/assets/stylesheets/active_admin/mixins/_variables.css.scss in the // Active Admin source.

I can't find the above file stylesheets/active_admin what am I missing ?

Dave Newton · Accepted Answer · 2013-10-08 20:36:46Z

4

Are you looking in the gem directory, e.g.,

$ cd `bundle show activeadmin`

Running find here shows (just a partial listing):

➜  activeadmin-0.6.0  find . -name "*.scss"
./app/assets/stylesheets/active_admin/_base.css.scss
./app/assets/stylesheets/active_admin/_forms.css.scss
./app/assets/stylesheets/active_admin/_header.css.scss
./app/assets/stylesheets/active_admin/_mixins.css.scss
./app/assets/stylesheets/active_admin/_typography.css.scss
... etc ...
./app/assets/stylesheets/active_admin/mixins/_typography.scss
./app/assets/stylesheets/active_admin/mixins/_utilities.scss
./app/assets/stylesheets/active_admin/mixins/_variables.css.scss
... etc ...

Those are the styles you can override.

Then however you're loading your CSS, for example:

➜  cat app/assets/stylesheets/active_admin.css.scss
@import 'active_admin_custom';
@import 'bootstrap_and_overrides';

Throw your overrides/customizations in there.

edited Oct 8, 2013 at 20:36

answered Oct 8, 2013 at 20:31

Dave Newton

161k27 gold badges263 silver badges310 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

NM Pennypacker · Accepted Answer · 2013-10-08 20:33:09Z

1

I'd add anything you need use as an override to app/assets/stylesheets/active_admin/base.css.scss

answered Oct 8, 2013 at 20:33

NM Pennypacker

6,99211 gold badges38 silver badges41 bronze badges

Collectives™ on Stack Overflow

How can I change css on rails activeadmin?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related