"Back To Top" Button ausblenden

Hallo zusammen,

kurz und knapp trotz des Custom CSS will der Button nicht verschwinden…

.sprd-back-to-top{
display: none;
}

Was mache ich falsch?

Hi :slight_smile:

Einfache Möglichkeiten zuerst: hast Du es schon mit “!important” probiert?

.sprd-back-to-top{
display: none !important;
}

1 Like

Hey,

danke für die Rückmeldung.

Auch das habe ich leider schon erfolglos ausprobiert.

Der Code ist in der Custom CSS Bereich des Shops eingetragen.

Hi!

Wo hast du das Ganze denn in deiner Shop-CSS eingetragen? Denn es funktioniert genauso, wie Wildmieze es angegeben hat.

Setze das Ganze mal in die unterste CSS-Box (Shop-CSS) in deiner Spreadshirt-CSS.

Siehst du, backtotop-Button ist weg :wink:

Edit: Grad gesehen, das wildmieze dir den inneren Container vorgegeben hat. Ich hab den ganzen Container angesprochen, vielleicht liegt es daran. Oder halt an der Plazierung deiner CSS in der richtigen CSS-Box. Wie auch immer, es funktioniert :wink:

Gruß David

Danke dir, aber auch das will nicht funktionieren…
Weder mit Firefox noch Safari…

Das ist bis dato mein kompletter CSS Code:
Ja okay, den Footer hätte man auch etwas eleganter ausblenden können…
Also weder mit dem gesamten Container angesprochen oder nur den Button.
Selbst wenn ich nur diesen Code nutze bleibt der Button erhalten.
Ich bin exakt im gleichen Fenster wie du unter “Erweitert” → “HTML & CSS” → 3te Box von oben.
Und ja ich klicke auch auf “Änderung Übernehmen” :joy:

/* Insert your custom styling here! */

.sprd-info-footer__open-shop {
display: none;
}

.sprd-info-footer__divider {
display: none;
}

.sprd-trusted-footer{
display: none;
}

.sprd-footer-box{
display: none;
}

.sprd-info-footer{
display: none;
}

.sprd-back-to-top{
display: none !important;
}

.sprd-back-to-top_container{
display: none !important;
}

HTML CSS class benötigt einen “.”
HTML CSS id benötigt eine “#”.

#sprd-back-to-top {
    display: none;
}

funktioniert auch ohne "important.

:confounded:
:kissing_closed_eyes: