Swiper Animated Slider plugin - Font Size per Code ändern
Autore: Martin P.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>
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; }
}