Beiträge von banam

Hallo SirEctor, absolut genial. vielen Dank für den entscheidenen Hinweis und die Erläuterung, hat geklappt. Vielen Dank! :-D

Guten Tag,

ich stehe vor einem für mich unlösbarem Termin. Ich habe den kompletten Morgen recherchiert und Codeschnipsel ausprobiert. Ich bekomme einfach keine entsprechende Veränderung.

Ich betreibe einen kleinen Onlineshop http://banam-shop.com
Unter z.B. Postkarten (http://banam-shop.com/produktkategorie/postkarten/ ) stehen immer 2 Produkte nebeneinander. Also zweispaltig. Da es aber noch genügend Platz gibt, hätte ich gerne 3 Spalten. Ich bekomme es aber einfach nicht hin.

1. Ansatz. Über im Web gefundenen Code-Schnipsel für das WOOTIQUE - GENERELL SETTINGS - CUSTOM CSS Feld, keine Reaktion.

2. Ansatz: Über die [COLOR=#333333][FONT=helvetica]“functions.php”[/FONT][/COLOR] mit folgendem Code-Schnipsel:

// WooCommerce auf 3 Spalten einstellenglobal $woocommerce_loop;
$woocommerce_loop['columns'] = 3;

Auch so tut sich nichts.
Hat mir hier jemand eine Lösung oder einen Ansatz, was der Grund sein könnte, dass ich hier nicht weiter komme?

Problem gelöst!

So, habs selber hinbekommen:

statt:

.ngg-gallery-thumbnail-box {    
float: left;
margin-right: 5px;
}

nehme:

.ngg-gallery-thumbnail-box {
float:none !important;
display:inline-block;
}

Vielleicht kanns ja jemand anderes auch mal brauchen...

LG,
banam

Hallo Zusammen,

ich würde gerne meine Basic Thumbnail Gallery-Darstellung zentrieren. Aktuell ist diese Linksbündig, siehe z.b. hier

Ich habe auch die hierfür verantwortlich Datei gefunden:
...wp-content/plugins/nextgen-gallery/products/photocrati_nextgen/modules/nextgen_basic_gallery/static/thumbnails/nextgen_basic_thumbnails.css

Leider bin ich nicht ein Programmierer von Welt, daher bekomme ich es einfach nicht gebacken. Hier der Codebereich, bei dem es sicher einzustellen ist:

.ngg-galleryoverview {    overflow: hidden;
    margin-top: 10px;
    width: 100%;
    clear: both;
    display: block !important;
}




.ngg-galleryoverview .desc {
    /* required for description */
    margin: 0px 10px 10px 0px;
    padding: 5px;
}




.ngg-gallery-thumbnail-box {
    float: left;
    margin-right: 5px;
}




.ngg-template-caption .ngg-gallery-thumbnail-box {
    margin-right: 0px;
}




.ngg-gallery-thumbnail {
    float: left;
    text-align: center;
}




.ngg-gallery-thumbnail img {
    background-color: #FFFFFF;
    border: 1px solid #A9A9A9;
    display: block;
    margin: 4px 0px 4px 4px;
    padding: 4px;
    position: relative;
}




.ngg-gallery-thumbnail img:hover {
    background-color: #A9A9A9;
}




.ngg-gallery-thumbnail span {
    /* Images description */
    font-size: 90%;
    padding-left: 5px;
    display: block;
}

Ich habe es mit "margin: 0 auto;" versucht, bin aber leider zu keinem gewünschten Ergebnis gekommen.

Würde mich sehr freuen, wenn mir hier irgendwer weiterhelfen kann...

Gruß,
banam