<page xmlns="http://projectmallard.org/1.0/" xmlns:its="http://www.w3.org/2005/11/its" type="topic" style="task" id="pref-css"> <info> <link type="guide" xref="index#pref"/> <link type="guide" xref="pref"/> <revision pkgversion="3.10" date="2013-07-06" status="candidate"/> <credit type="author copyright"> <name>Gordon Hill</name> <email its:translate="no">caseyweederman@gmail.com</email> <years>2013</years> </credit> <credit type="copyright editor"> <name>Ekaterina Gerasimova</name> <email its:translate="no">kittykat3756@gmail.com</email> <years>2013</years> </credit> <include href="legal.xml" xmlns="http://www.w3.org/2001/XInclude"/> <desc>Override the theme which is used to display web pages.</desc> </info> <title>Custom CSS</title> <p>Epiphany allows you to set a custom CSS to change the look and feel of every web page that you visit. You may want to do this to set a preferred font size or colour scheme.</p> <steps> <item> <p>Open <guiseq><gui style="menu">Web</gui><gui style="menuitem">Preferences</gui><gui style="tab">Fonts & Styles</gui></guiseq>.</p> </item> <item> <p>Press <gui style="button">Edit Stylesheet</gui>.</p> </item> <item> <p>Your default text editor will open. Add your custom CSS and save the file.</p> </item> <item> <p>Tick the <gui>Use custom stylesheet</gui> checkbox.</p> </item> </steps> <comment> <cite date="2013-07-06">Kat</cite> <p>Maybe use a slightly more practical example.</p> </comment> <p>An example of a custom CSS:</p> <code><![CDATA[ body{ /*Make everything upside-down*/ -webkit-transform: rotate(180deg); } ]]></code> <p>Your custom CSS will override the style sheet on pages which you visit after you enable it..</p> </page>