2 Replies Latest reply: Jun 28, 2014 8:07 AM by GhanaApexDeveloper RSS

    How can I access and edit the CSS for the installed themes?

    ericlagel

      I would like to be able to edit the css sheets for the installed themes, but I can't seem to find them.

       

      Can someone tell me where to find them in order to edit them?

       

      Thanks

        • 1. Re: How can I access and edit the CSS for the installed themes?
          Paul Broughton

          Hi,

          It is not advised to change the installed CSS.  The way you should change this is to create your own CSS that overwrites the default.

           

          In APEX there are various places you add custom CSS.  In every page definition you have a section called css where you can include either file urls or inline css.  This blog post I wrote a little while ago may also help, you can link css urls in the page template so the css will be added to every page using that template:

          http://www.paulbroughton.co.uk/2012/03/its-theme-changer.html

          You can either use a file stored on your own server or one uploaded in shared components under css.  To reference a file in shared components use the substitution string:

          <link rel="stylesheet" type="text/css" href="#WORKSPACE_IMAGES#MyUpload.css"> 

          Hope this helps.

          Paul

          • 2. Re: How can I access and edit the CSS for the installed themes?
            GhanaApexDeveloper

            HI ericlagel,

            these CSS are found in themes that ship with the version of Apex that is installed in the folder IMAGES. However much advise it said not to alter these themes but rather create custom CSS to override some defaults in the theme you are using. A good way to do this to use developer toolbar from Chrome or firebug in Mozilla Firefox, to inspect various elements of the page and where there is a need to modify, then u can create custom CSS for this Following  what Paul described above.

            Regards,

            Benjamin.