Configuring Siebel Open UI > Example of Customizing Siebel Open UI > Process of Customizing the Physical Renderer >

Modifying the CSS Files to Support the Physical Renderer

This task is a step in Process of Customizing the Physical Renderer.

In this topic, you modify the CSS files to support the CSS classes that the physical renderer uses.

To modify the CSS files to support the physical renderer

1. Open the CSS file.
2. Add the following code:

   .siebui-list-recyclebin{
   width:85%;
   float:left;
   }

   div.jcarousel-skin-tango{
   width:15% !important;
   float:left;
   text-align:center;
   }

   div.siebui-carousel-col{
     display:block;
   }
   

   div.siebui-carousel-item{
   height:75px;
   padding:5px;
   border:1px solid #acacac;
   text-align:center;
   padding-top:20px;
   word-wrap:break-word;
   font-family:arial;
   font-size:11px;
   }

   a.siebui-citem-add{
   display:block;
   /*position:absolute;*/
   top:2px;
   right:2px;
   float:right;
   width:16px;
   height:16px;
   background: url(../images/plus.png) no-repeat center center;
   }

3. Save the CSS file.