[Anatoli MParticipant]

Hi, I know that your theme disable parallax on touch devices. But when i load my site ( it’s very raw at this moment ) on my windows8 phone i see very disturbing effect – some … trembling ( i’m not sure for the right word). Maybe you will see here http://parketnov.malloforient.com/.

[RadModerator]

Hi Anatoli,

Thank you for writing in!

I just tested it works perfectly.

Could you be more specific of your test? Could you provide a video recording of your findings?

Thank you.

[Anatoli MParticipant]

I think that this is Nokia Lumia issue. It’s not big problem.
I noticed that in first content band below navbar fade animation don’t work. Any ideas? And another question. How i can change color and size of line and custom headline accent?

Thanks in advance for great support which i’m sure will get:)

[ChristianModerator]

Hey Anatoli,

Can you give us more details about the navbar fade animation? To change the accent color, please add the code below in the Customizer > Custom > CSS.

.h-custom-headline.accent span:before, .h-custom-headline.accent span:after {
border-top: 1px solid red;
border-bottom: 1px solid blue;
}

Thanks.

[Anatoli MParticipant]

Thanks. About animation – column fade animation on very first content band below navbar don’t work. Maybe i’ve done something wrong. And one more question – i want to make left and right arrows of rev slider exact same as x-angle-down arrow. Is this possible? I’m not very familiar with coding

[RadModerator]

Hi Antroli,

There is nothing wrong with it. The fade animation usually triggered when a content band was out of view and then scrolled down for visibility. And since your first content band was on top, it is automatically view-able and the fade effect happened on or while page loads.

Hope this helps.

[Anatoli MParticipant]

Thanks. But what about my question for Rev slider arrows styling – i want to make left and right arrows of rev slider exact same as x-angle-down arrow.

[RadModerator]

Hi Anatoli,

Here is the styling for that.

.x-slider-scroll {
position: absolute;
display: block;
border: 3px solid #fff;
width: 60px;
height: 60px;
font-size: 41px;
line-height: 53px;
text-align: center;
color: #fff;
border-radius: 100em;
z-index: 1020;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}

Which applied to :

<a href="x-slider-scroll"><i class="x-icon-angle-left"></i></a>
<a href="x-slider-scroll"><i class="x-icon-angle-right"></i></a>

Hope this helps

[Anatoli MParticipant]

Sorry but i’m not familiar with coding and i’m not sure what and were to do. Thanks for patience

[RadModerator]

Hi there,

Sorry for the confusion, the code given is just a sample if you’re going to manually add left and right arrow at your editor content.

For the mean time, do add this css at your customizer’s custom css.

.tp-leftarrow:before {
content: "\f104" !important;
}
.tp-rightarrow:before {
content: "\f105" !important;
}
.tp-leftarrow.default, .tp-rightarrow.default {
background-color: transparent !important;
border: 3px solid #fff;
}

Be sure you that your rev. slider’s arrows were enabled.

Hope this helps.

[Author]

Posts