Wie gestalte ich den Slider? Werd noch verrückt.

[yukay]

hallo Leute!
Ich hab den Slider mal bei mir auf der Startseite eingebaut:

hidden.lorenziane.de

Versuche schon seit stunden den Slider zu stylen, dies gelang mir allerdings bisher nicht.
Der weisse Hintergrund muss weg. der slider muss in die Mitte, die Buttons müssen gestaltet werden etc.
Mit "!important" reagiert er, aber das kann es doch auch nicht sein?!?!?

Welchen Selektor muss ich beispielsweise eingeben um den weissen Hintergrund zu überschreiben?

Wäre nett, wenn mir jemand helfen könnte.

[Dirch]

Am besten nicht das mitgelieferte Theme nutzen und das Styling selbst per CSS machen. Wenn CSS das Problem ist, dann lieber einen anderen Slider nutzen oder CSS lernen. =)

[yukay]

Naja, so n paar Grundlagen kann ich ja, bräuchte nurmal einen Denkanstoß.
Ich muss doch einen theme auswählen oder?

[tab]

Als Denkanstoß :
#main #caroufredsel_skin_30 .caroufredsel div {
background-color: red;
}
Danach ist der Hintergrund schön rot
Über Sinn oder Unsinn davon kann man sicher streiten, aber jedenfalls eine andere Lösung ohne !important
Jedenfalls wollte Dirk dir sagen, dass es am einfachsten wäre, die css-Datei, die diese schöne weisse Hintergrundfarbe setzt erst gar nicht einzubinden.

[yukay]

Super, danke.
Ist mir ja schon peinlich, aber wie binde ich die nicht ein?
In den Einstellungen?

Weiß jemand einen slider, der etwas simpler aufgebaut ist?
Wie der Contao-eigene, mit dem hatte ich keine Probleme, leider konnte ich da die touch-Gesten auf dem Tablet nicht nutzen.

[Dirch]

na ja du hast das Theme doch manuell ausgewählt. An der gleichen Stelle wählst du es eben auch wieder ab. Im Modul/CE bei CSS-Template. Danach ist der Slider völlig ungestaltet und du kannst die Elemente nach belieben setzen. Mußt eben mal mit dem Inspector schauen wie die Klassen heißen. Ist nicht sonderlich schwer.

[yukay]

Ja, das würde mir ja einleuchten, allerdings kann ich das Template nicht abwählen, ich hab nur 2 zur Verfügung und eins davon MUSS ich nehmen.
Was mache ich falsch?

Bildschirmfoto 2014-07-09 um 12.21.50.png

[tab]

Wo sind die 2 Themes denn her? Sind das gekaufte / heruntergeladene Themes? Und wie binden die das CSS ein? In den internen CSS-Editor oder wird das als "externe" CSS-Datei eingebunden?

[yukay]

Keine Ahnung wo die her sind, ich hab caroufredsel aus dem Erweiterungskatalog ganz normal installiert und dann waren die da.
Die sind definitiv nicht aus meinem internen editor.

[tab]

Hmm, stimmt, Dirk hat ja auch sowas geschrieben. Ich wundere mich nur, weil ich den Slider ebenfalls vor einiger Zeit über den Erweiterungskatalog installiert habe und bei mir finde ich keine solchen Themes. Bei mir stehen da keine dk_caroufredsel styles direkt im HTML, ich habe damals alles "von Hand" gestyled mit einer eigenen CSS-Datei im internen Editor. Mittlerweile habe ich den Slider allerdings komplett aus der Seite wieder rausgenommen, was aber nichts mit der Funktionalität des Sliders zu tun hat, sondern einfach mit einem Redesign der Seite.

[planepix]

Ich hab eben auch noch einmal nachgesehen in einer meiner Installationen.
Die beiden CSS-Vorlagen gibt es, ich habe die obere aktiv.

Dabei erhalte ich dann aber nicht einen weisen Hintergrund o.ä..

Am besten einmal den Slider nicht automatisch sliden lassen, dann kann man das CSS untersuchen.

Du hast auf dem .ce_image einen weissen Hintergrund zugewiesen; der greift dann auch beim CarouFredsel.

.ce_caroufredsel .ce_image{background:none !important;}

und der weisse Hintergrund ist bei Bilder im CarouFredsel nicht mehr da.

[yukay]

So, ich hab die beiden Dateien jetzt einfach gelöscht.
Und siehe da - meine Style-Anweisungen zeigen endlich Wirkung!
Vielen Dank für eure Hilfe!

[planepix]

Schau mein Post eins davor.

[yukay]

Ja, aber ich wollte eigentlich nicht alles mit "!important" stylen.

[Bennie]

Ihr schreibt immer von Themes, meint aber doch Templates. Ich erwähne das nur, weil es z.B. für Einsteiger zunächst immer "schwierig" ist diese Definitionen auseinander zuhalten.
Ansonsten ist es ja jetzt anscheinend gelöst :-)

[planepix]

Wieso alles? Ist als Beispiel ja für einen Style so überschrieben.
Dann einfach für die Elemente spezifizieren, dann sollte das auch ohne !important gehen.

Aber jeder so will er will .

[yukay]

Ich habe nie von Themes geschrieben...immer von Temples :-)

Egal...
Ja, ist gelöst.

Dankeeeeee :-)

[tab]

Ja, sehe gerade das war bei mir auch so. Abwählen geht freilich bei mir nicht, eins von beiden muss ich auswählen. Aber jedenfalls mit dem css-Theme ohne "light" hat es bei mir soweit ganz gut funktioniert.

[tab]

Stimmt, Templates... und nicht Themes. Und die Lösung mit dem Löschen der Dateien ist genial einfach - einfach genial Jedenfalls sofern es keine Nebenwirkungen hat.

[yukay]

Also ich hab die Dateien doch wieder reinkopiert.
hatte irgendwie ein ungutes Gefühl dabei...
Hab jetzt das erste Template genommen, und das lässt sich auch gestalten.

[Dirch]

Löschen der beiden Templates ist eine ganz schlechte Wahl. Das css_caroufredsel ist das Standard-Template, das keine Stile vergibt bzw. nur grundlegende damit die eine oder andere Sache klappt. Das mit _light dahinter setzt dagegen Stile, die aber hauptsächlich nur mit festen Größen funktionieren und eher demonstrieren sollen, wie man den Slider gestaltet. Man kann sich da z.B. die Stile abschauen.