Customising CSS

For example, you have downloaded and installed one of our commercial themes and now you want to make some changes - how to do that? Glad you asked.

Lets assume the change can't be made via theme settings (good to check there first, lots of things can be tweaked), or you just want to have total control over this via CSS.

There are two easy ways to add CSS to Adaptivetheme sub-themes:

  1. styles.custom.css
  2. Custom CSS Extension

styles.custom.css

Each theme includes this file in the CSS folder - you can add your CSS here. Some themes actually use this file and its enabled, but if not you will need to to edit the info file your theme. E.g. here is the help text from at_codex.info. To use the file uncomment by removed the leading semicolon and clear the sites cache (very important). Now Drupal will load the CSS file.

;----------// Stylesheets
  ; Custom CSS - uncomment to use for your customizations (remove the leading semicolon).
  ;stylesheets[all][] = css/styles.custom.css

If your theme does not have such a file you can add one, and you can name it anything you like.

Custom CSS Extension

Adaptivetheme 7.x-3.x shipped with a special Extension called "Custom CSS". You can use this to add small tweaks to your site - this is particularly useful if you are in a hurry and just need to make a quick change, or if you do not feel comfortable using FTP to move files to your server.

Last updated 14th March, 2013 - 10:20am