Slider ( Banner ) Frage

Weiss jemand wo ich die beiden „weiter“ Pfeile Links/Rechts in der Grafik entferne ? Lg PS. Ich hätte auch noch gerne die Nummerrierten Grafiken unter dem Banner " 1,2 usw. " weg !

Hi im Banner-Slider die Pfeile : …/images/sprite_slider_arrows.png"); und die Zahlen: templates/_default/frontend/_resources/images/backgrounds/bg_slidenum_normal.png

[quote=“artep”]Hi im Banner-Slider die Pfeile : …/images/sprite_slider_arrows.png"); und die Zahlen: templates/_default/frontend/_resources/images/backgrounds/bg_slidenum_normal.png[/quote] Das hilft mir sehr weiter, aber ich wollte wissen in welcher Datei ich das rausnehmen kann :wink:

Hallo, die Sprites werden in der .css Datei deines Templates geladen. Entweder in der style.css .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow { ... margin-top: -41px; z-index: 2; background: url("../images/sprite\_slider\_arrows.png") 0 0 no-repeat } Oder in beispielsweise dem Black-Template in der black.css: .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow { background-image: url("../images/sprite\_slider\_arrows.png") } Gruß, Patrick :shopware:

Vielen DANK !

Ups ! Habe in der style.css folgendes auskommentiert /\* Horizontal slider \*/ /\* .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow {display: block;position: absolute;width: 26px;height: 82px;text-indent: -9999px;top: 50%;margin-top: -41px;z-index: 2;background: url(../images/sprite\_slider\_arrows.png) 0 0 no-repeat} .ajaxSlider .leftArrow, .bannerSlider .leftArrow {background-position: 0px 0;left: 0px;border: 1px solid;border-left: 0 none}\*/ Nun steht ober dem Bild [color=red]Slide leftSlide[/color] right. Die Pfeile sind weg, der Text steht dort :shock:

Ich versuch’s nochmal um eine Antwort zu bekommen :wink:

Hallo master_1, kein Problem, hierzu gibt es die CSS-Eigenschaft text-indent. Die CSS Anweisung müsste wie folgt aussehen: .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow { text-indent: -9999em } Viele Grüße, Stephan Pohl :shopware:

[quote=“Stephan Pohl”]Hallo master_1, kein Problem, hierzu gibt es die CSS-Eigenschaft text-indent. Die CSS Anweisung müsste wie folgt aussehen: .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow { text-indent: -9999em } Viele Grüße, Stephan Pohl :shopware:[/quote] Also irgendwie verstehen wir uns nicht richtig :sunglasses: Ich will ja keinen Text einrücken sondern habe folgendes Problem. Entferne ich hier /\* Horizontal slider \*/ .ajaxSlider .leftArrow, .ajaxSlider .rightArrow, .bannerSlider .leftArrow, .bannerSlider .rightArrow {display: block;position: absolute;width: 26px;height: 82px;text-indent: -9999px;top: 50%;margin-top: -41px;z-index: 2;background: url(../images/sprite\_slider\_arrows.png) 0 0 no-repeat} .ajaxSlider .leftArrow, .bannerSlider .leftArrow {background-position: 0px 0;left: 0px;border: 1px solid;border-left: 0 none} die Grafik ( Pfeile nach links und Rechts im Shop ) für den Banner Slider dann sind die zwar weg, so wie ich es haben möchte,aber es steht dann ober den Bildern ( Links oben ) [color=red]Slide leftSlide right[/color] und das möchte ich weg haben :thumbup:

Hi, [quote]…Slide leftSlide right und das möchte ich weg haben[/quote] probiere es doch einfach mal… Ohne das ich das jetzt ausprobiert habe, würde ich sagen, dass -9999em irgendwo im „Webseiten-Nirwana“ liegen - sprich der störende Text ist nicht nur eingerückt, sondern quasi auf nimmerwiedersehen weggerückt :sunglasses: Was also die Lösung Deines Problems bedeuten würde. Grüße rattatui

Habe es ja probiert aber der Text ist noch da :shock:

…so ein Schund :frowning: dann muss irgend etwas Anderes noch stören - wo kommt der Text überhaupt her? Kannst du das irgendwie rausfinden? Grüße rattatui

#content .slider_banner .leftArrow { display: none !important; } #content .slider_banner .rightArrow { display: none !important; }

1 Like

[quote=„Bibeno“]#content .slider_banner .leftArrow { display: none !important; } #content .slider_banner .rightArrow { display: none !important; }[/quote] He das klappt super !!! Vielen Dank :sunglasses: