Add custom CSS (change appearance of text)

You can change appearance of any text in berta (from 0.8.2) by adding custom CSS definitions.
To add custom CSS or change current values go to Template settings / Custom CSS tab. To restore default values erase everything from the Custom CSS field.

Editing Colors and Styles If you are new to CSS, you may want to do a Google search for CSS Tutorials and visit W3Schools. The quickest way to locate the style that may be controlling the color or properties of an element on a web page is to install the Firebug plug‐in for Firefox. With just a click or two, you can locate which file is controlling which elements. If you would like to edit a specific section of the site, simply find the appropriate selector (p, h2, .classname, etc...) in the CSS file, (screen.css holds most style information) and then scroll down until you find the appropriate style that needs to be edited such as color, font‐weight, borders and so on.

To ensure that your new styles are applied, make sure that they carry enough "weight" and that there isn't a style lower in the CSS file that is being applied after yours.

This is an example of CSS definition for text style Heading 2:

#pageEntries .xEntry h2 {
   color: rgb(0, 0, 0);
   font-family: Georgia,"Times New Roman",Times,serif;
   font-size: 18px;
   font-weight: normal;
   font-style: normal;
   font-variant: normal;
   line-height: 24px;
   margin: 0pt;
}

CSS Help might be a helpful recource

Recent Discussions

19 Nov, 2016 11:00 AM
23 Jun, 2016 03:23 AM
23 Jun, 2016 03:22 AM
20 Jun, 2016 08:02 AM
18 Aug, 2015 11:09 AM