Hide the shadow on thumbnails

[smoky]

Hello, I am using Joomla 4.2.6 and Helix Ultimate and the latest version of Phoca Gallery.
I would like to remove the shadow around the thumbnails. But can't find a solution for this. A search didn't turn up anything either. I can't find a CSS file for it either.

Is it possible to remove the drop shadow, as I would prefer a flat design?

Thanks for hints.

[smoky]

Oh, this post ( viewtopic.php?t=64041 )got me on the track. I was able to remove the shadow now.

For the following users: It can be found under Components -> Phoca Gallery -> Styles and then in the -> "theme_simple.css" (for me) in line 108 to 110.

I commented that out and the shadow is gone.

[christine]

Hi,
Thanks for your feedback.

Oh, this post ( viewtopic.php?t=64041 )got me on the track. I was able to remove the shadow now.

For the following users: It can be found under Components -> Phoca Gallery -> Styles and then in the -> "theme_simple.css" (for me) in line 108 to 110.

I commented that out and the shadow is gone.

Amendments should be done in your e.g. user.css or custom.css - depends on your template, to avoid overriding after PG Update.
Example could be: (starting line 114)

Code: Select all

.pg-category-box-image svg,
.pg-detail-item-image-box img,
.pg-item-box-image img,
.pg-item-box-image svg,
.pg-category-box-image img{
 box-shadow: none;
}

Kind regards
Christine

[smoky]

Achja, hatte ich mir gedacht. Aber ich scheiterte bei dem Versuch, eine eigene CSS-Datei anzulegen. Oder nutze ich dafür die vorangelegte (bisher leere) Default.css?

[christine]

Nein, nicht die default.css nehmen.

Grundsätzlich: Für Änderungen (nicht nur PG betreffend) gibst Du CSS Änderungen in eine custom.css.

Im Helix Ultimate siehe hier:
https://www.joomshaper.com/documentatio ... ss-js-meta

Liebe Grüße
Christine