Return to previous page

Changing style of arrow (tparrow revolution slider)

This topic has 2 replies, 2 voices, and was last updated 10 years, 9 months ago ago by Jack Richardson

nrik

Participant

June 5, 2014 at 10:11

Hi, how can i change the style of the arrow in slider revolution? they are the same of the shop so i think they are designed by your team.

Thanks

#6053 Copied

1 Answer

Jack Richardson

Support staff

June 5, 2014 at 10:51

Hello,

If you want to change arrows to default you have to add this code into custom.css:

/* Slider arrows */
.tp-leftarrow.default{ z-index:100;cursor:pointer; position:relative; background:url(images/large_left.png) no-

repeat 0 0; width:40px !important; height:40px !important;}
.tp-rightarrow.default{ z-index:100;cursor:pointer; position:relative; background:url(images/large_right.png) no-

repeat 0 0; width:40px !important; height:40px !important;}
.tp-leftarrow:hover,
.tp-rightarrow:hover{background-position:bottom left; }

.tp-rightarrow.default:before,
.tp-leftarrow.default:before{
 content:"";
}

In the case if you want to create your own arrows you have to modify arrows style as you need.

Regards,
Jack Richardson

#6067 Copied

Viewing 2 results - 1 through 2 (of 2 total)

The issue related to '‘Changing style of arrow (tparrow revolution slider)’' has been successfully resolved, and the topic is now closed for further responses

Changing style of arrow (tparrow revolution slider)

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection