Carousel - How to remove border line?

[meriellen]

I'm using PrimeFaces 2.2 RC2 with JSF 2.0 in a Web Application and in one of the pages, there is a Carousel component.

I need to remove the border line outside the component, but I can't. The only thing I am able to do is removing the border of the Tabs inside the Carousel, with the itemStyle atribute. I want to do the same thing with the entire Carousel, remove the outside line that frames the Carousel. Is it possible?

Also, is it possible to change the position of the "scroll select buttons", placing it below the tabs, instead of above?

Here is a fragment of my code:

Code: Select all

<p:carousel rows="3" itemStyle="width:330px; height:300px; border: 0px;" effect="easeInStrong" autoPlayInterval="0" circular="true">
   <p:tab>
      <div class="news">
         <a href="#" target="_blank"></a>
         <a class="tag" href="#" target="_blank">Target</a>
      </div>
   </p:tab>
</p:carousel>

Thanks is advance.

[leventgny]

Try;

Code: Select all

.yourCarouselSelector .ui-carousel{
     border : 0px;
}

Also there can be a sliding glitch with changing border style on PF2.2.

[meriellen]

Thank you very much. This suggestion worked perfectly!!