Ruby on Rails: How can i add css file with rails project?

Question

The application.html.erb file=>

<!DOCTYPE html>
<html>
<head>
  <title>Site</title>
  <%= stylesheet_link_tag    :all %>
  <%= javascript_include_tag "application" %>
  <%= csrf_meta_tags %>
</head>
<body>

<%= yield %>

</body>
</html>

I have a file "cake.generic.css" in public/ folder.

But when i reload the page the effect of css file is not working.

If i see the page view source i see something like this=>

<!DOCTYPE html>
<html>
<head>
  <title>Site</title>
  <link href="/assets/all.css" media="screen" rel="stylesheet" type="text/css" />
  <script src="/assets/jquery.js?body=1" type="text/javascript"></script>
<script src="/assets/jquery_ujs.js?body=1" type="text/javascript"></script>
<script src="/assets/home.js?body=1" type="text/javascript"></script>
<script src="/assets/application.js?body=1" type="text/javascript"></script>

  <meta content="authenticity_token" name="csrf-param" />
<meta content="6CPvchXr1amagxd7VmOzB82WGx/WmjfDOXjMLfjLzqQ=" name="csrf-token" />
</head>
<body>

<h1>Home#index</h1>
<p>Find me in app/views/home/index.html.erb</p>


</body>
</html>

What should i do to fix this problem ?

How can i set the public folder for stylesheets and javascripts ?

It looks that app/assets folder is set for css and js files ?

Perry Horwich · Accepted Answer · 2011-10-07 15:54:32Z

Rails is likely consolidating all your css files into one that it is calling assets/all.css

Consider using the free plug-ins firebug + firepath to further characterize the problem. This common combo of tools will help you to interrogate web page elements and see the css that is contributing to their display.

Srinivas M.V. · Answer 2 · 2011-10-07 15:50:07Z

up vote 1 down vote

Your Style sheet should be placed in the following directory \public\stylesheets from your root project and also if you want to specify different location provide an absolute path inside stylesheet_link_tag("/public/yourfolder/test.css")

answered Oct 7 '11 at 15:50

Srinivas M.V.
2,33321630

	Still error, i used this => <%= stylesheet_link_tag("/public/cake.generic.css") %> – guru Oct 7 '11 at 15:56
	Also tried this creating a folder "stylesheets", still error, <%= stylesheet_link_tag("/public/stylesheets//cake.generic.css") %> – guru Oct 7 '11 at 16:13

Cam Song · Answer 3 · 2012-04-24 03:07:49Z

Copy cake.generic.css to the folder public/assets/, if not exists make directory first.

then add this to you erb <%= stylesheet_link_tag "cake.generic" %>

2nd question: How can i set the public folder for stylesheets and javascripts ?

Just put all you images, js and css file under 'public/assets/' and then include them in the erb pages

3rd question: It looks that app/assets folder is set for css and js files ?

Yes, 'app/assets/stylesheets/' for css and scss file and 'app/assets/javascripts' for js and coffeescript file

You can get more info here: http://guides.rubyonrails.org/asset_pipeline.html#how-to-use-the-asset-pipeline

Hope this work for you:)

asked	1 year ago
viewed	3219 times
active	11 months ago

Ruby on Rails: How can i add css file with rails project?

3 Answers

Your Answer

Not the answer you're looking for? Browse other questions tagged ruby-on-rails ruby ruby-on-rails-3 ruby-on-rails-3.1 or ask your own question.

Ruby on Rails: How can i add css file with rails project?

3 Answers

Your Answer

Sign up or log in

Post as a guest

Not the answer you're looking for? Browse other questions tagged ruby-on-rails ruby ruby-on-rails-3 ruby-on-rails-3.1 or ask your own question.

Related