Jump to content

This is the support site for Andrews & Arnold Ltd, a UK Internet provider. Information on these pages is generally for our customers but may be useful to others, enjoy!

FireBrick Custom CSS: Difference between revisions

FireBrick Custom CSS (view source)

Revision as of 13:39, 6 August 2017

807 bytes added ,  6 August 2017
m
→‎Specifying custom CSS in the XML config file: intro expanded
 
== Specifying custom CSS in the XML config file ==
You can use custom cssCSS to override the cssthat used onby the FireBrickFireBrick’s own admin pageswebpages to customise or enhance the UI to suit your particular needs or create your own look. A user's CSS override file is specified by a URI in the XML config in an attribute on the <code><http></code> element:
 
<syntaxhighlight lang=xml>
The css file is set in the config in the <http section:
<http css-url="httphttps://example.com/css/myfb.css">▼
</syntaxhighlight>
 
Successfully implementing your own CSS customisations will involve studying the existing base CSS and XHTML files in your Firebrick. Be aware that because of CSS rules concerning specificity (see below) your own settings may sometimes not take precedence over the values given in the base CSS. To address this you will have to write rules that fit in with the existing structure of both the various CSS and XHTML files and add or successfully override property assignments. The latter is achieved by taking a close look at particular CSS selectors that are used in the base .css files. Detailed tips are given in later sections.
▲ <http css-url="http://example.com/css/myfb.css">
 
== Example - changing colours ==
CecilWard
252

edits

Retrieved from ‘http://support.aa.net.uk/Special:MobileDiff/12545’