Ich habe das für dein Layout etwas angepasst. https:
//hosting.
zeta-producer.
com/7823811881/index.
html">BEISPIEL
Das CSS austauschen und den Abstand nach oben margin-top sowie die Farben wie gewünscht anpassen.
Website > Einstellungen > CSS:
<
style>
.
slider100 {
height:
100vh;
margin-top:
-180px;
}
@media (max-width: 1330px) {
.
slider100 {
height: auto;
margin-top: -100px;
}
.
zp13slider-caption a {
display:
none !
important;
}
}
.
zp13slider-caption a {
border-radius: 10px;
display: inline-block;
color: rgba(255,
255,
255,
0.
7) !
important;
text-shadow:
0 4px 4px rgba(0,
0,
0,
0.
6),
0 15px 6px rgba(255,
255,
255,
0.
7);
font-size: 42px;
transform: scaleX(3.
5);
text-decoration: none;
transition: all 0.
3s ease-in-out;
text-decoration: none !
important;
}
.
zp13slider-caption a:
hover {
color: rgba(0,
0,
0,
0.
7);
text-shadow:
0 4px 4px rgba(0,
0,
0,
0.
6),
0 24px 4px rgba(255,
255,
255,
0.
7);
}
<
/style>
Scheinbar greift in diesem Layout das Scrollscript nicht für die internen Links. Das kannst du aber nachreichen.
Website > Erweitert > Attribute > footer_script:
<
script>
// Smooth Scroll
$(document).
ready(function() {
$('a[href*=#]').
click(function() {
if (location.
pathname.
replace(/
\//,
'') == this.
pathname.
replace(/
\//,
'')
&
& location.
hostname == this.
hostname) {
var $target = $(this.
hash);
$target = $target.
length &
& $target || $('[name=' + this.
hash.
slice(1) +']');
if ($target.
length) {
var targetOffset = $target.
offset().
top;
$('html,
body').
animate({scrollTop: targetOffset}, 550);
return false;
}
}
});
});
<
/script>
