StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>I suggest you do the following:</p> <h3>1. Copy theme assets to <code>/vendor</code></h3> <ul> <li>Copy all CSS files to <code>vendor/assets/stylesheets</code></li> <li>Copy all JavaScript files to <code>vendor/assets/javascripts</code></li> <li>Copy all images to <code>vendor/assets/images</code></li> </ul> <h3>2. Create entries in asset manifests</h3> <ul> <li>Create an entry in <code>app/assets/stylesheets/application.css</code> for each CSS file you wish to include in your application. All the files listed in there should be automatically included into all pages that use the default layout <code>app/views/layouts/application.html.erb</code>.</li> <li>Same thing for JavaScripts under <code>app/assets/javascripts/applications.js</code>.</li> </ul> <h3>3. Separate theme customizations from original theme files</h3> <p>Feel free to customize your theme, but put your own files under <code>app/assets/stylesheets</code>, <code>app/assets/javascripts</code> and <code>app/assets/images</code>. That way they won't get mixed up with the theme you purchased and you can easily delete your changes without fear of mangling your theme.</p> <h3>4. Change image paths</h3> <p>Now you're going to have to manually edit all your stylesheets and JavaScript files looking for the image references. Change all paths to <code>/assets</code>. Like so:</p> <pre><code>background-image: url(http://www.example.com/images/bck.png) </code></pre> <p>Becomes:</p> <pre><code>background-image: url('/assets/bck.png') </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload