Anzeige der Untergategorien in Kategorienbeschreibung zentrieren

Hallo ihr Lieben und Schlauen
ich habe mal ein Bild eingefügt, so dass man weiß, was ich meine. Ich lasse mir auf der Kategorienseite die Unterkategorien anzeigen. Diese sind links gesetzt (das goldfarbene), geht das irgendwie, dass diese zentriert angezeigt werden?

Vielen Dank und liebe Grüße
Susi

 

Versuche es mal damit:

Code:

.subcategories-listing-container .subcategories-listing > li, .subcategories-listing-container .subcategories-listing li > li {
    text-align: center;
}

 

So liebe Barbara, ich muss jetzt Kaffee schicken . Es sieht dann irgendwie einfach aus, aber wenn man nichts davon versteht, ist es der Horror. Naja, und diese Codes - ich punche eben lieber Bilder

Nochmals ganz ganz arg DANKE und: der Kaffee, der kommt

 

Du hattest Glück, weil ich die Texte unter meinen Bildern auch zentriert habe.
Nur nach Bild kann man css-Angaben sonst nicht machen, da man den code dahinter ja nicht auf dem Bild sieht.
Den Kaffee trinken wir mal zusammen, wenn Du irgendwann in den Norden kommst

 

Der Kaffee ist dir sicher, meine Schwägerin wohnt in Hage bei Norden, das sind "nur" 100km Du, kann ich dich nochmal bitten, der Artikelfilter, der ist ebenfalls nicht so wie ich das gerne hätte. Kann man dir den Service irgendwie vergüten? Ich komm mir schon bissle blöd vor...
Liebe Grüße Susi

 

Ungetestet:

Code:

.box-filter .panel-body {
    background-color: #DeineHintergrundfarbe;
    color: #DeineSchriftfarbe;
}

ich schau zwischendurch ins Forum, wenn ich Zeit habe. Wenn ich helfen kann helfe ich und wenn nicht....
Da musst Du Dir gar keinen Kopf machen

 

Barbara, und wieder einmal, herzlichen Dank!
Liebe Grüße Susi

 

Hallo Babara
Leider funktioniert das bei mir nicht so ganz: es werden nur die Titel der Unterkategorien zentriert - das Kat-Bild bleibt links

Ich hab das noch mit einer category_description-USERMOD.html probiert - da kam ich auch zu keiner Lösung
Zumindest habe ich es mit der geschafft, das ich die H1- Kategorie-Überschrift zentriere.
Ich versch... jetzt schon Stunden damit, dass ich h1 abändere - will sie zentriert, größer und in einer anderen Farbe.
Leider scheitere ich kläglich und Honeygrid schafft mich - beim Eyecandy war das ein Klacks.

Ich flehe um Hilfe!

 

Link zur Baustelle?

 

(Link nur für registrierte Nutzer sichtbar.)

DANKE!

 

Zum Zentrieren der Bilder:

Code:

.img-responsive, #custom-1 .inside p img, .product-container .gallery > li img, #shop-top-banner img {
    margin-left: auto;
    margin-right: auto;
}

Um die Farbe / Größe für h1 zu ändern:

Code:

h1, .h1 {
    font-size: 18px;
   color: DeineFarbe;
}

 

- jo, is den heut scho Weihnochtn ?

Ganz lieben und herzlichen DANK!

Welch unnötige Stunden gestern. mit der h1 war ich auf der richtigen Spur, aber das da h1, vor dem .h1 gehört....
css sollte man können, dann wärs leben einfacher.

 

Solche Dinge findet man mit Chromes "Untersuchen", da kann man auch gleich testen ob man an der richtigen Stelle ist

 

Wie ich classen und styles findet, hab ich vor kurzen mal mit dem Firefox herausgefunden.
Leider ist man dann immer noch weit entfernt, dass man dann den richten Code zusammen setzt.

Jetzt nach ca. 28 Std. (mit kleiner Mützerlpause) Umstellung auf Honeygrid kommt man etwas rein in die Materie.
Leider vergisst mein altes Schwamm-Hirn nach einigen Monaten wieder alles, und es kostet immer Stunden mit Herumprobieren und Forum nach Lösungen durchsuchen. (Voreilig mag ich auch nicht nach HILFE schreien )

Gott sei Dank, gibts so Leute wie dich Babara, und diverse Andere hier im Forum, die da solchen Gelegenheits- und Zwangsbastler wie mir helfen! - sei euch gedankt!

 

Mit css fange ich gerade erst an, habe aber schon auf Honeygrid umgestellt

Wie lautet der Code um sowahl die Bilder als auch die Titel / Text in der Kategorieübersicht zu zentrieren? Wäre super wenn mir da jemand helfen könnte. Die Anleitung hier für die Titel habe ich gefunden und sie funtkioniert bei mir, will jetzt aber nicht mit den Bilder herumprobieren...

 

Probier mal, wenn wir vom gleichen Bild sprechen ->

Code:

.categories-description-container .categories-images
{text-align: center;}

 

Danke für die schnelle Antwort. Leider bringt das nicht das gewünschte Ergebnis, hier das Problem:
http://www.der-wassersportladen.de/...hlaege-Boote-segeln-ausruestung-zubehoer.html

 

Siehste, wir sprechen nicht vom gleichen Bild
Kann ich später noch mal nach sehen wenn kein anderer vorher die Lösung schreibt.

 

Für die Bilder:

Code:

.img-responsive, #custom-1 .inside p img, .product-container .gallery > li img, #shop-top-banner img {
    margin-left: auto;
    margin-right: auto;
}

Für den Text:

Code:

.subcategories-listing-container .subcategories-listing .subcategory-item {
    text-align: center;
}

Das sieht bei mir dann so aus:

 

Genau so, super! Danke für die Hilfe.