CODEWITHSUNDEEP
ruby-on-railscssblueprint-css
d_ethier
d_ethier

Reputation: 3911

Rails tutorial, odd CSS formatting on site

You can see it here.

The site looks fine when I remove Blueprint. I've tried adding Bootstrap and the same issue occurs.

I've been following this (excellent) tutorial.

Upvotes: 1

Views: 154

Answers (2)

Aldo 'xoen' Giambelluca
Aldo 'xoen' Giambelluca

Reputation: 12455

I had the same problem, try to add the following line to config/environments/production.rb 

config.assets.precompile += [ "blueprint/*.css" ]

This step is described in section 5.4.3 Deploying to production with Blueprint ;)

Upvotes: 1

Chris
Chris

Reputation: 121

According to chrome, this is the code causing this:

http://blazing-fog-1717.herokuapp.com/assets/application-fcc74be8bd91511db934f033390efd28.css

a:link::after, a:visited::after {
  content: " (" attr(href) ")";
  [...]

I have no idea why blueprint might be doing this, but you can just edit blueprint.css and remove the following rule:

content: " (" attr(href) ")";

Setting the media attribute of your links to print (media="print") can fix the problem as well.

If you don't like either of these solution, you should be able to over-write the css by adding the following CSS code AFTER the inclusion blueprint:

a:link:after, a:visited:after {
  font-size:90%;
  content: none;
}

I'm not sure about that last part, but you could try it out.

Upvotes: 2

Related Questions