Terrible layout due to the svg tag

[f.gruber]

What is the purpose of the "<svg" tag in the Phoca Gallery category view. Obviously it creates a wide empty bar on top of the page and a big awful icon besides of each thumbnail.

Therefore I added the following style definition to my user.css:

Code: Select all

svg { display: none; }

Now the Phoce Gallery views get displayed as expected.

Of course this is a dirty workaround and I would like a better solution. Besides that I don't know if it has negative side effects on my Joomla site ...

I tested different styles: phocagallery.css, default.css, theme_standard.css

[christine]

Hi,

I don't know about the "svg tag."
Demo from PG Gallery: https://www.phoca.cz/demo/

Responsible:
Either theme_simple or theme_standard in styles.
You'd have to see it live.

Kind regards
Christine

[f.gruber]

Here is al link to my Phoca Gallery page:
https://sieglinde-roesch.at/index.php/g ... rne-bilder
You can see a "<svg>" tag next to the "<main>" tag in the HTML source code.
I use the style "theme_standard.css".
Joomla Version is: 4.4.13
Phoca Gallery: 5.0.3

[christine]

Hi,

You can see a "<svg>" tag next to the "<main>" tag in the HTML source code.

Ja, hab es im Seitenquelltext gesehen. Bei meiner Seite auch geschaut:

Code: Select all

<svg aria-hidden="true" class="ph-sr-only" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">

bezieht sich auf: https://www.w3.org/2000/svg
falls svg verwendet wird, dies dann möglich ist.

Und warum stört Dich das? (Seitenquelltext) Frontend ist ja OK.

Du solltest Deine Seite auf Joomla 5 updaten bzw. dann eben das PG Paket 5.1.2 drüber installieren.
(Vorher nichts de-installieren).

Liebe Grüße
Christine

[christine]

Korrektur:

Jetzt habe ich es gesehen, was Du meinst.
Deswegen hat es vorhin im Frontend OK ausgeschaut, da ja Dein obiger Code in der user.css ist (temporär entfernt).

Ergänzend (so als Idee) Vielleicht liegt es am child-template?

Versuche zuerst mal, Joomla und PG auf den neuesten Stand zu bringen.

Liebe Grüße
Christine

[christine]

Hallo,

Bei noch näherer Betrachtung:

a) Das svg Icon (im Bild) kann man mit:

Code: Select all

.ph-si-image {
display: none;
}

entfernen. Hab ich mal in die user.css gesetzt. Das funktioniert auch. Aber:

b) entferne mal (temporär) Deinen Code:

Code: Select all

svg { display: none; }

dann siehst Du ein großes Loch oberhalb von der h1 Überschrift "Zeichnungen".
Mit Deinem Code verschwindet das natürlich (auch) Also das große Loch plus Icons.

c) Deshalb, wie voriges Post beschrieben.
Vermute ich, dass es ev. (auch) an der cassiopeia child-user.css liegt.
Bzw. nochmals: Update Joomla und PG Version. Danach sehen wir weiter.

Liebe Grüße
Christine