1 Reply Latest reply on Jul 25, 2012 4:51 AM by iabughosh

    remove rf-tab-cnt padding?

    s.santilli Newbie

      Hi everyone,


      I have a page with multiple tables / tabs, but there is one table in particular

      I would like to remove the padding associated with the rf-tab-cnt.


      Howver doing so using the follwiong in my css ... effects more than just the

      one tab, which is not what I desire.



        padding: 0px;



      I then attempted to see if I could apply the change just on the one

      element (using its id)


      <div class="rf-tab-cnt" id="f:m:simpleTabNameId:content">



      by using ...



      #f:m:simpleTabNameId:content .rf-tab-cnt{

         padding: 0px;



      But this has no effect at all .... I am running out

      of ideas on how to remove the richfaces tab pading

      on a particular element.


      Any help is greatly appreciated.


        • 1. Re: remove rf-tab-cnt padding?
          iabughosh Master

          hello santillit,

          if you want to apply style on one element(ex:myTable) you can do this in your css :


          #myTable {




          and inlcude your stylesheet like this to work with richfaces skin :

          <link type="text/css" rel="stylesheet" href="#{facesContext.externalContext.requestContextPath}/resources/css/yourStyle.css"/>


          or like this:




          <h:outputStylesheet library="css" name="yourStyle.css"/>