Number of pics per line in Phocagallery and plugin not equal

[f.gruber]

Hi,
on my site I use the PhocaGallery component and also the PhocaGallery Plugin.
In the Gallery component there are 4 pictures displayed horizontally
in the plugin only 3 pictures - that does not look very good.

Please look at the difference on these pages:
Gallery: https://t2792.greatnet.de/joomla_kichor ... 7&Itemid=9
Plugin: https://t2792.greatnet.de/joomla_kichor ... Itemid=272

I don't find what CSS definitions to change to get 4 pictures per line in the plugin.

Thank you for help
Ferdinand

[christine]

Hallo Ferdinand,

hmm - nicht einfach. Wenn Du im Seitenquelltext schaust, siehst Du:

<p>Plakatgestaltung: usw. ........</p>
<div style="clear:both;>
<div id="pg-msnr-container" class="pg-msnr-container">

<div style="clear:both;> sollte so sein: <div style="clear:both">

Mit dem firebug-inspector sehe ich auch sowas in etwa:
<div id=" pg-msnr-container"="" class="pg-msnr-container"> usw.
nach dem: " = ein Abstand

Vielleicht auch das obige Bild mit dem Text nochmals ansehen, ob dort vielleicht auch noch ein <div> Fehler ist.

Mehr kann ich dazu jetzt leider nicht sagen. Also: alle Codes etc. durchgehen.

Liebe Grüße, Christine

[f.gruber]

... <div> Fehler.

Danke für den Hinweis. Diesen Fehler habe ich ausgebessert.
Aber die Ursache für mein Problem muss wo anders liegen.

Ich habe festgestellt, dass die Rahmen der einzelnen Bilder im Plugin um 10 Pixel größer sind als in der PhacaGallery.

Leider haben die Klassen verschiedene Namen:
Im Plugin heißt die Klasse:

Code: Select all

class="phocagallery-box-file"

In der Galerie heißt sie

Code: Select all

class="pg-csv-box"

Ich habe es bisher nicht geschafft, die Box Größe im Plugin zu verkleinern ...

Liebe Grüße
Ferdinand

[christine]

Hallo Ferdinand,

probiers damit > ans Ende der personal.css setzen:

Code: Select all

div.phocagallery-box-file.pgplugin1 {
padding:0px !important;
}

muss man leider ein !important; dazugeben, weil es wo Inline verankert ist.

Liebe Grüße, Christine

[f.gruber]

Code: Select all

div.phocagallery-box-file.pgplugin1 {
padding:0px !important;
}

Hallo Christine,
vielen Dank, das ist die Lösung.
Habe die CSS Definition in meine

Code: Select all

custom.css

geschrieben, die über das Plugin Add Custom CSS eingebunden wird.
Dieses Plugin verwende ich seit langem. Ich finde, es ist praktisch.
http://joomla.impression-estudio.gr/add ... /index.php

Nun frohe Weihnachten und alles Gute für 2018
Ferdinand

[christine]

Hallo Ferdinand,

natürlich, eine custom.css ist immer gut. Hatte aber keine gesehen, da Du diese über ein Plugin einbindest.

Danke für das Feedback und wünsche auch Dir geruhsame Weihnachten und alles Gute für 2018
Christine