CODEWITHSUNDEEP
cssruby-on-rails-3twitter-bootstrap
Tom
Tom

Reputation: 2075

Changing link styles in RoR 3.2.3 with bootstrap-sass

How do I change the link colors in RoR 3.2.3 with Bootstrap-Sass. i've tried to add a rule in my custom.css.scss but it isn't working. Did a search and read something about /vendors/assets/stylesheets/variables.css.scss but this file doesn't appear in the /vendors/../stylesheets directory. Any ideas?

Upvotes: 0

Views: 1358

Answers (2)

Gabe M
Gabe M

Reputation: 545

One additional thing to note. If you see your colors not being updated even after you have added the variable changes before the @import "bootstrap"; statement. Check to make sure you don't have other files in the stylesheets directory that are overriding the bootstrap ones. I had this issue, then when I removed the other file, I could finally see my bootstrap color changes.

Upvotes: 1

Paul Simpson
Paul Simpson

Reputation: 2514

In the custom.css.scss file you created, you need to set the bootstrap variables before you @import "bootstrap"(it is important to note that the variables in the twitter documentation are using LESS style syntax not Sass/SCSS). For instance, if you wanted bright red links that changed to black on hover, you would place this in your custom.css.scss

$linkColor:      #FF0000;
$linkColorHover: #000;

@import "bootstrap";

The variables must be defined before the import otherwise the default values are used.

Upvotes: 10

Related Questions