Tab Slider : Changing The Arrow Image

[Murali]

Hi,
I'm Using the tab slider and i need to change the arrow image (arrows.png)...
Can any one tell me how to override belows css
.pf-tabslider .arrow { display: block; height: 200px; width: 67px; background: url(./images/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }


Thanks
Murali

[Murali]

Adding few more points.
1.anythingslider.css is now point to \META-INF\resources\jquery\plugins\anythingslider folder.
I need to change this path only for anythingslider.css (Like MyApps\webcontent\theme\css\)

Please let me know how to change this path.

[Murali]

I got an work around.
i have created the anythingslider.css under folder structure \resources\jquery\plugins\anythingslider and override the image.
I have the above folder structure under the META-INF folder of my framework project.

Thanks
Murali

[cagatay.civici]

You can just place a selector to your page or a css that contains this selector;

Code: Select all

.pf-tabslider .arrow { 
   background-image: url(yourimagepath); 
 }

Just make sure, this is located after default anythingslider.css.