WebSite X5Help Center

 
Martin P.
Martin P.
User

Swiper Animated Slider plugin - Font Size per Code ändern  de

Autor: Martin P.
Visited 738, Followers 2, Udostępniony 0  

Bislang ist es mir immer gelungen, den richtigen Code zu finden um die Textgrösse der PlugIns für verschiedene Auflösungen zu verkleinern. Beim Swiper Animated Slider in WebSite X5Pro 2022.2.4 finde ich anscheinend nicht die richtige Name-ID und/oder Class-ID um diese Funktion lauffähig zu bekommen. Bei allen anderen PlugIns funktioniert es dagegen. Vielleicht hat jemand noch einen Tip für mich.

Mein vor </HEAD> Tag Code:

<style>

/* Slidertext */
@media ( max-width: 719px ) {
#swiper_pluginAppObj_29_22 .slide-description { font-size: 10pt; }
}
@media ( min-width: 720px ) {
#swiper_pluginAppObj_29_22 .slide-description { font-size: 11pt; }
}
@media screen and ( min-width: 1150px ) {
#swiper_pluginAppObj_29_22 .slide-description { font-size: 12pt; }
}

</style>

Der entsprechende Seitenquellcode:

<div id="imCell_22" class="" data-responsive-sequence-number="5"><div id="imCellStyleGraphics_22"></div><div id="imCellStyleBorders_22"></div><!-- Swiper Animated Slider v.19 --><div id="pluginAppObj_29_22"><div id="swiper_pluginAppObj_29_22" class="horizontal"><div class='swiper-container main'><div class='swiper-wrapper'><div class='swiper-slide described' style='background-image:url(pluginAppObj/pluginAppObj_29_22/F06.jpg)'><div class='slide-content-wrapper'><div class='slide-content'><p class='slide-description' >Dies ist Test 1.</p></div></div></div><div class='swiper-slide described' style='background-image:url(pluginAppObj/pluginAppObj_29_22/F07.jpg)'><div class='slide-content-wrapper'><div class='slide-content'><p class='slide-description' >Dies ist Test 2.</p></div></div></div><div class='swiper-slide described' style='background-image:url(pluginAppObj/pluginAppObj_29_22/F05.jpg)'><div class='slide-content-wrapper'><div class='slide-content'><p class='slide-description' >Dies ist Test 3.</p></div></div></div></div></div></div><script> animatedslider_pluginAppObj_29_22(); </script></div></div>

Posted on the
1 ODPOWIEDZI - 1 POMOCNY - 1 PRAWIDłOWA ODPOWIEDź
Andreas S.
Andreas S.
Moderator
Najlepszy Użytkownik miesiąca DE

Du musst wahrscheinlich die Fontgröße erzwingen!  Also so...

@media ( max-width: 719px ) {
#swiper_pluginAppObj_29_22 .slide-description { font-size: 10pt!important; }
}
@media ( min-width: 720px ) {
#swiper_pluginAppObj_29_22 .slide-description { font-size: 11pt!important; }
}
@media screen and ( min-width: 1150px ) {
#swiper_pluginAppObj_29_22 .slide-description { font-size: 12pt!important; }
}

Czytaj więcej
Posted on the from Andreas S.