Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Table of Contents
maxLevel4
minLevel2
stylesquare

 

This documentation explains how to override the default settings so that you can customize Avalon for your own needs.

...

Code Block
themeEclipse
languageruby
titleYield block for titles
linenumberstrue
<p><%= content_for :title do %>Search results for params[:q].sanitize<% end %></p>

Custom stylesheets

Since Avalon is built on top of Twitter Bootstrap, customizing the interface to match your own theme is very straightforward. Within the file app/assets/stylesheets/branding.css.sass you can override any default Bootstrap variables. Since it will respect your defaults they wil be used when calculating the color schemes, grid sizes, and other places throughout the front end.