Remove White Box Around Images

[mhoney]

I have found a couple topics related to removing the white box around images and categories, but none lead to a conclusive solution. I am using Phoca Gallery v4.2.2 and Joomla v3.4.8 and all I want is to never have any white boxes, shadows or padding around my thumbnail images in any view.

[Benno]

Hi,
this can be done via css.

Kind regards,
Benno

[k6614]

I'm having the same issue. Can you please indicate which css file needs to be edited and the code needed? Thank you in advance for your help.

[christine]

Hi,

@ mhoney: Current Joomla Version is: 3.6
@ Both: released current PG is: 4.3.1

just try following: Put following codes at the end of your template.css and/or custom.css

Code: Select all

.pg-cv-box, .pg-csv-box {
background-color:transparent;
box-shadow:none;
}
.pg-cv-box, .pg-csv-box, .pg-cv-box.item:hover {
background-color:transparent;  
}

Kind regards, Christine

[k6614]

Hi Christine-
Thank you so very much for the quick response. I tried adding that code to my custom css file and unfortunately, it didn't work. Here's a link to the site (it's a test site, under development).

http://newway-web.com/testsites/gabriel ... hp/gallery

[christine]

Hi k6614,

I tried adding that code to my custom css file and unfortunately, it didn't work.

It will work - BUT, you didn't tell me, that you have a module
Therefore, in your case, your codes will have in addition this: "-mod-ri"

Try now:

.pg-cv-box-mod-ri {
box-shadow:none;
}

Kind regards, Christine

[k6614]

That worked like a charm. Thank you so very much Christine!