Ansicht zentrieren?

[Beowolf]

Ich noch mal.

Wie bzw. wo kann ich dieArtikelliste und Artikelseite in die Mitte der Ansicht bekommen? Also schon zentriert auf dem Bildschirm?

Hier Beispiel-Links. Ich habe beie seiten-Boxen ausgeschaltet. Gibt es eine "unsichtbare" Sidebox?

http://www.feel-feminin.shop/unique-line-1/

http://www.feel-feminin.shop/botswana-achat-mit-perlenfaecher-xs-1

Grüße und Danke
Manfred

[amatoris]

stylesheet.css nehme ich an.

ergänze:

#cat-left .back{float: none;}

#indexProductList .CatDescription {
    margin: 0;
    float: none;
}


#indexProductListCatDescription table {
    border: none;
    padding: 0;
    margin: 0 auto;
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
}

suche:

#indexProductListCatDescription, #categoryDescription {    margin: 0;
    float: left;
}

ändere auf:

#categoryDescription {
    margin: 0;
    float: left;
}

[Beowolf]

Habe ich jetzt mal probiert. So richtig ändert sich da aber nichts.

Grüße und danke für die Hilfe.
Manfred

[amatoris]

Ich hoffe, es ist alles richtig geschrieben.

Google hat das so ausgeworfen und in chrome klappt das auch so.

Wenn du das so änderst und mal stehen lässt, kann ich noch mal schauen, wo es hinkt. Aber bitte nicht erst 2017.

[Beowolf]

Jepp,

ist schon drin.

[amatoris]

ich würde sagen, du musst die Einträge noch mal kontrollieren.



da sollte dies stehen.

[COLOR=#3E3E3E]#cat-left .back{float: none;}[/COLOR]

hier habe ich, glaube ich, nen Fehler gemacht. Ist zu lange her.

[COLOR=#3E3E3E]#indexProductList .CatDescription {[/COLOR]    margin: 0;
    float: none; [COLOR=#3E3E3E]}[/COLOR]

muss

#indexProductListCatDescription { margin: 0;
float: none; }

[Beowolf]

Ok,

so im Moment steht zwischen Zeile 281 -288 folgendes:

#categoryDescription {margin: 0;float: left;}
#cat-top{margin-bottom:20px;}
#cat-left{text-align:center;}
#cat-left .back{float: none;} 
#indexProductList .CatDescription {margin: 0;float: none;}
#indexProductListCatDescription table {border: none;padding: 0;margin: 0 auto;border-spacing: 0;border-collapse: collapse;width: 100%;}
#filter-wrapper{padding:10px;}
#filter-wrapper select{width:25%;height:35px;}

Nach der Änderung steht jetzt dieses hier:

#categoryDescription {margin: 0;float: left;}
#cat-top{margin-bottom:20px;}

#cat-left .back{float: none;} 
#indexProductListCatDescription {margin: 0;float: none;}
#indexProductListCatDescription table {border: none;padding: 0;margin: 0 auto;border-spacing: 0;border-collapse: collapse;width: 100%;}
#filter-wrapper{padding:10px;}
#filter-wrapper select{width:25%;height:35px;}

So dann alles richtig?


Geändert hat sich nur die Position der Kategorieüberschrift. Die ist jetzt an der linken Seite.
Grüße und Danke
Manfred

[amatoris]

[COLOR=#333333]#cat-left .back{float: none;}[/COLOR]

mache mal bitte

[COLOR=#333333]#cat-left .back{float: none !important;}[/COLOR]

[amatoris]

Geändert hat sich nur die Position der Kategorieüberschrift. Die ist jetzt an der linken Seite.

weil du

[COLOR=#3E3E3E]#cat-left{text-align:center;}[/COLOR]

rausgenommen hast.

[Beowolf]

Fettich!

Tut nich.

[amatoris]

Ich weiß nicht, warum das nicht genommen wird. Es müsste ja wenigstens angezeigt und durchgestrichen sein.

Teste das doch mal, indem du die Classe back rausnimmst. Ist zwar nicht so schick, aber dann sieht man wenigstens, ob es geht und sollte ja eh nur ne Templatedatei sein. Die Frage ist, wie es sich auf das mobile Template auswirkt.

[Beowolf]

Also so?

#categoryDescription {margin: 0;float: left;}
#cat-top{margin-bottom:20px;}
#cat-left{text-align:center;}

#indexProductListCatDescription {margin: 0;float: none;}
#indexProductListCatDescription table {border: none;padding: 0;margin: 0 auto;border-spacing: 0;border-collapse: collapse;width: 100%;}
#filter-wrapper{padding:10px;}
#filter-wrapper select{width:25%;height:35px;}

[amatoris]

nein, in der

includes/templates/responsive_classic/templates/tpl_index_product_list.php

Line # 18 : <div id="cat-left" class="back">

[Beowolf]

Fein Fein Fein.

Das sieht doch schon mal gut aus. Muß ich jetzt nur noch auf meinem Tablett und mit dem Handy testen.

Danke
Manfred

[Beowolf]

Es scheint so, das nur die Änderung in der Datei

includes/templates/responsive_classic/templates/tpl_index_product_list.php

schon ausreicht. Auf meinem Tablett ist es zwar noch immer an der linken Seite, aber damit sollte ich leben können.

Grüße und Danke
Manfred