Arrows Revolution slider

[dirma]

Hi,

At the moment the revolution slider arrows are not working correctly. The arrows are not showing and the left arrow is also located on the wrong place (screenshot 01.png).
Do you know what is wrong?

Best,

Dirma

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.hephaistos.tparrows {
    background: rgba(0, 0, 0, 0) url("http://store-blaumaschine.com/wp-content/themes/neighborhood/images/showcase-nav.png") no-repeat scroll 100% 0 !important;
width:36px !important;
}

Thanks
Mohammad

[dirma]

Hi Mohammad,

Thanks for your reply, but unfortunately it didn’t fix the problem. (see screenshot)

Best, Dirma

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
I can see the arrow, click on it and all seems perfect.
Thanks
Mohammad

[dirma]

Hi,

In my browser the left arrow is turned to the wrong side and is still too far to the left. The right arrow is located on the right place and visible now.

Best, Dirma

[Mohammad – SUPPORT]

Hi,
Please use this custom css code also:-

.tp-leftarrow{
margin-left:20px !important;
}

Thanks
Mohammad

[dirma]

Thanks, the left arrow is also now on the right location. it’s only still pointing to the right, instead of to the left.

Best,

Dirma

[Mohammad – SUPPORT]

Hi,
I am not getting this issue exactly. Please explain in detail.
Thanks
Mohammad

[dirma]

Hi Mohammad,

Both arrows are now pointing to the right. Instead of that the left should be pointing to the left: ‘<‘ and the right arrow should be pointing to the right: ‘>’.
I added a screenshot to illustrate the problem.

Best,

Dirma

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.tp-leftarrow{
background-position:0px 0px !important;
}

Thanks
Mohammad

[dirma]

It’s still the same.

Best, Dirma

[Mohammad – SUPPORT]

Hi,
Please remove last css code and use this new css code:-

.tp-leftarrow.tparrows {
    background-position: 0% 0% !important;
}

Thanks
Mohammad

[dirma]

It works! I added also a bit code, because the left arrow was located too much near the border of the browser again:

.tp-leftarrow.tparrows {
background-position: 0% 0% !important;
margin-left:25px !important;
}

Thanks for the help!

Best,

Dirma

[Kyle – SUPPORT]

Great! Thanks Mohammad

– Kyle

[Pavel]

I have absolutely the same problem, and i’m not happy to fix it with css code. What is the reason why the left arrow moves left to the border oof the slider?