Thank You very much, Devin!

Regards,
finlando

Sorry once again.

how to apply colors for the hover?

Cheers,
finlando

Very nice! Thank You, Yigit!

Cheers,
finlando

P.S.:

in skin.css i updatet the size…:

.ls-fullwidth .ls-loading-indicator {
width: 212px;
height: 13px;
margin-top: 9px;
background-image: url(loading.gif);
}

Hello!

in the LS i want to replace the loading.gif
I pasted the new one…:

wp-content/themes/enfold/config-layerslider/LayerSlider/static/skins/fullwidth/loading.gif

but still got the original one… can You help please?

Cheers!
finlando

Thanks a lot, Peter!

Cheers!
finlando

P.S.:

the generated code is.:

<style>
#fountainTextG{
width:240px;
}

.fountainTextG{
color:#000000;
font-family:Arial Black;
font-size:25px;
text-decoration:none;
font-weight:normal;
font-style:normal;
float:left;
-moz-animation-name:bounce_fountainTextG;
-moz-animation-duration:1.43s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-transform:scale(.5);
-webkit-animation-name:bounce_fountainTextG;
-webkit-animation-duration:1.43s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-transform:scale(.5);
-ms-animation-name:bounce_fountainTextG;
-ms-animation-duration:1.43s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-transform:scale(.5);
-o-animation-name:bounce_fountainTextG;
-o-animation-duration:1.43s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-transform:scale(.5);
animation-name:bounce_fountainTextG;
animation-duration:1.43s;
animation-iteration-count:infinite;
animation-direction:linear;
transform:scale(.5);
}

#fountainTextG_1{
-moz-animation-delay:0.44s;
-webkit-animation-delay:0.44s;
-ms-animation-delay:0.44s;
-o-animation-delay:0.44s;
animation-delay:0.44s;
}

#fountainTextG_2{
-moz-animation-delay:0.55s;
-webkit-animation-delay:0.55s;
-ms-animation-delay:0.55s;
-o-animation-delay:0.55s;
animation-delay:0.55s;
}

#fountainTextG_3{
-moz-animation-delay:0.66s;
-webkit-animation-delay:0.66s;
-ms-animation-delay:0.66s;
-o-animation-delay:0.66s;
animation-delay:0.66s;
}

#fountainTextG_4{
-moz-animation-delay:0.77s;
-webkit-animation-delay:0.77s;
-ms-animation-delay:0.77s;
-o-animation-delay:0.77s;
animation-delay:0.77s;
}

#fountainTextG_5{
-moz-animation-delay:0.88s;
-webkit-animation-delay:0.88s;
-ms-animation-delay:0.88s;
-o-animation-delay:0.88s;
animation-delay:0.88s;
}

#fountainTextG_6{
-moz-animation-delay:0.99s;
-webkit-animation-delay:0.99s;
-ms-animation-delay:0.99s;
-o-animation-delay:0.99s;
animation-delay:0.99s;
}

#fountainTextG_7{
-moz-animation-delay:1.1s;
-webkit-animation-delay:1.1s;
-ms-animation-delay:1.1s;
-o-animation-delay:1.1s;
animation-delay:1.1s;
}

#fountainTextG_8{
-moz-animation-delay:1.21s;
-webkit-animation-delay:1.21s;
-ms-animation-delay:1.21s;
-o-animation-delay:1.21s;
animation-delay:1.21s;
}

#fountainTextG_9{
-moz-animation-delay:1.32s;
-webkit-animation-delay:1.32s;
-ms-animation-delay:1.32s;
-o-animation-delay:1.32s;
animation-delay:1.32s;
}

@-moz-keyframes bounce_fountainTextG{
0%{
-moz-transform:scale(1);
color:#000000;
}

100%{
-moz-transform:scale(.5);
color:#FFFFFF;
}

}

@-webkit-keyframes bounce_fountainTextG{
0%{
-webkit-transform:scale(1);
color:#000000;
}

100%{
-webkit-transform:scale(.5);
color:#FFFFFF;
}

}

@-ms-keyframes bounce_fountainTextG{
0%{
-ms-transform:scale(1);
color:#000000;
}

100%{
-ms-transform:scale(.5);
color:#FFFFFF;
}

}

@-o-keyframes bounce_fountainTextG{
0%{
-o-transform:scale(1);
color:#000000;
}

100%{
-o-transform:scale(.5);
color:#FFFFFF;
}

}

@keyframes bounce_fountainTextG{
0%{
transform:scale(1);
color:#000000;
}

100%{
transform:scale(.5);
color:#FFFFFF;
}

}

</style>
<div id=”fountainTextG”>
<div id=”fountainTextG_1″ class=”fountainTextG”>
Н</div>
<div id=”fountainTextG_2″ class=”fountainTextG”>
О</div>
<div id=”fountainTextG_3″ class=”fountainTextG”>
Н</div>
<div id=”fountainTextG_4″ class=”fountainTextG”>
П</div>
<div id=”fountainTextG_5″ class=”fountainTextG”>
А</div>
<div id=”fountainTextG_6″ class=”fountainTextG”>
Р</div>
<div id=”fountainTextG_7″ class=”fountainTextG”>
Д</div>
<div id=”fountainTextG_8″ class=”fountainTextG”>
О</div>
<div id=”fountainTextG_9″ class=”fountainTextG”>
Н</div>
</div> – See more at: http://cssload.net/en/animated_text#sthash.aey5LAKe.dpuf

Hi Josue!

You are a beast! Thanks a lot!

Cheers!
finlando

P.S.:

i can not edit the slider (everything is unclickable) after i added the red stripe “18+” as the logo.

Cheers,
finlando

Thanks a lot Ismael!

Cheers!
finlando

hi!
Im going to try it…

thank You Josue. I appreciate it very much.

cheers!
finlando

Thank You!

works great!

Cheers!
finlando

thanks You, Ismael!

Cheers!
Finlando

P.S.:

http://nonpardon.com/poetika/

This is what I am using in the quick css for the menu:

.header-scrolled #header_main_alternate {
border-bottom: 1px solid black;
}

.html_header_top.html_bottom_nav_header .main_menu ul:first-child>li a { border: none !important; }

.header-scrolled .av-main-nav ul { top: 98%; }

.avia-menu-fx { display: none; }

@media only screen and (max-width: 990px) {
#header { border-bottom: 1px solid black; }}

.html_header_top.html_header_topbar_active.html_header_sticky.html_bottom_nav_header #top #main {
padding-top: 153px;
}

.av-main-nav > li > ul {
border-top-width: 2px!important;
border-top-style: solid;
border: 1px solid black;
}

#top .av-main-nav ul ul { border: 1px solid black; }