Page 1 of 1

Remove White Box Around Images

Posted: 21 Jan 2016, 20:17
by 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.

Re: Remove White Box Around Images

Posted: 21 Jan 2016, 20:22
by Benno
Hi,
this can be done via css.

Kind regards,
Benno

Re: Remove White Box Around Images

Posted: 28 Jul 2016, 20:37
by 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.

Re: Remove White Box Around Images

Posted: 28 Jul 2016, 23:09
by 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

Re: Remove White Box Around Images

Posted: 29 Jul 2016, 00:28
by 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

Re: Remove White Box Around Images

Posted: 29 Jul 2016, 10:24
by christine
Hi k6614,
k6614 wrote: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 :wink:
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

Re: Remove White Box Around Images

Posted: 29 Jul 2016, 15:33
by k6614
That worked like a charm. Thank you so very much Christine!