ActiveAdmin and additional custom CSS files

Question

Where can i put custom css files to customize ActiveAdmin CSS?

I see in active_admin.rb there is the following line:

config.register_stylesheet 'active_admin.css'

but i can't understand where the file has to go. All i want to do is add some extra custom styles to AA's default ones

Midhun Krishna · Accepted Answer · 2014-11-27 12:55:15Z

20

Lets say I have 2 css files, highlight.css and select2.css

In config/initializers/active_admin.rb, I would add it like this:

config.register_stylesheet 'highlight.min.css'
config.register_stylesheet 'select2.css'

Note:

highlight.css and select2.css should be inside/under app/assets/stylesheets

answered Nov 27, 2014 at 12:55

Midhun Krishna

1,7691 gold badge13 silver badges33 bronze badges

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

4 Comments

ok it actually worked but i realized that you cannot name those file: active_admin.css otherwise it will override the whole thing!

Oh. I didnt knew that.

Or you can just @import those files inside active_admin.css

S.Yadav · Accepted Answer · 2019-11-28 07:19:14Z

0

To keep separate directory for admin style-sheet.

I am using gem 'activeadmin' in an application. I wanted to use my own style-sheet which stored in separate directory, here is how I archive that-

Created new directory as admin inside style-sheet .
Ex. app/assets/stylesheets/admin
Opened config/initializers/active_admin.rb.
Looked for register_stylesheet and found commented line as-

# config.register_stylesheet 'my_stylesheet.css'
Modified this line with-

config.register_stylesheet 'admin/active_style.css'
Restart rails server and found desired result.

Hope will work for you!

answered Nov 28, 2019 at 7:19

S.Yadav

4,5193 gold badges41 silver badges45 bronze badges