One click sample data installation
Every templatic theme comes with a file called custom.css. That file enables you to fairly easy customize the look of your site. Instead of finding specific css files you can just input the class name and new properties in the custom.css file.
[templatic_msg_box type=”info”] custom.css cannot work if it”s not activated. Activation path differs from theme to theme, here are some pointers on how to activate it [/templatic_msg_box]
Older templatic themes (Specialist, Hospitality, etc):
wp-admin -> Appearance -> Theme options area -> General Settings -> Customize Your Design
templatic eCommerce themes (eMarket, Emporium, E-commerce, etc)
wp-admin -> Shopping Cart -> Design Settings -> General Settings -> Customize Your Design
Newer templatic themes; themes using templatic framework (DailyDeal, Appointment, GeoPlaces, etc)
wp-admin -> Theme Settings -> Basic Settings -> Style and Color Settings -> Use Custom Stylesheet
wp-admin -> Theme Settings -> Basic Settings -> General Settings -> Use Custom Stylesheet
After you activate custom.css you can add your new css classes under Appearance -> Editor -> custom.css (it will be listed under stylesheet files in the bottom right corner). If you prefer editing your files using FTP, you should be able to find custom.css in your theme root folder.
If you already have the correct code you can paste it in the file and hit “Update File”. If you don”t know the name of the class you have to edit you must use Firebug. If you”re new to Firebug be sure to read our Firebug tutorial -> http://localhost/docs/how-to-use-firebug/. Make sure that the code you”re adding/pasting is added below the existing content. In other words, after the */ closing comment tag. If you add your code before that tag it will be commented out and will not work.
For more information about custom.css you can watch the following video tutorial. Please watch the tutorial in full screen mode with HD turned on
Good luck and happy customizing