Category View Settings (List of Images) - Border Problem

[brown12321]

I see (now) - it depends on the browser... Using Firefox there is no border, using IE I can see a white border. Did you check the parameter settings of the menu item which displays the gallery?

YEs, I set them both to transparent and Black. Neither one worked.

[Ronny]

Now I have to admit that I have no idea anymore, sorry... Strange that it's happening only with IE (at least for me). Maybe someone else can help...

[brown12321]

I got it finally. I had to edit the code and force a black border:

In
components/com_phocagallery/views/category/tmpl/default.php

Find

Code: Select all

?><div class="phocagallery-box-file" style="height:<?php echo $imageHeight['boxsize']; ?>px; width:<?php echo $imageWidth['boxsize']; ?>px">

Change to:

Code: Select all

?><div class="phocagallery-box-file" style="border: 1px solid #000000; height:<?php echo $imageHeight['boxsize']; ?>px; width:<?php echo $imageWidth['boxsize']; ?>px">

I think it had something to do with the Joomla Template I am using.

[Ronny]

After all the template as guessed before... Happy that you could eventually solve it!

Regards,
Ronny

[brown12321]

Thanks for all your help Ronny

[Technically Blonde]

I have what I think is a similar problem, have been fighting with it all day! No matter what I set the thumbnail configuration to, there is too much white space around the thumbnails.

Have a look here http://www.keenonpuglia.com/trulli-for- ... icte-.html

Currently the thumbnail configuration is set to
Image Background Shadow - None
Margin Box - 1
Padding Box - 1

But when I look at the source code in firebug the padding is fixed at 3px within div class phocagallery.

<div style="padding: 3px; float: left;">
<a class="no-popup" href="/component/phocagallery/category/9-trullo-benedicte.html" title="P1020066">
<img height="50" width="50" alt="P1020066" src="/images/phocagallery/trulli/trullo_benedicte/thumbs/phoca_thumb_s_P1020066.jpg"/>
</a>
</div>

I suppose I have to change the css somewhere, but where do I find it?

Or any other suggestions to resolve this problem please ....................

[Ronny]

Hi,

there is a setting "Category box space" - try to change this one to a smaller value.

Regards,
Ronny

[thijeleo]

I got it finally. I had to edit the code and force a black border:

In
components/com_phocagallery/views/category/tmpl/default.php

Find

Code: Select all

?><div class="phocagallery-box-file" style="height:<?php echo $imageHeight['boxsize']; ?>px; width:<?php echo $imageWidth['boxsize']; ?>px">

Change to:

Code: Select all

?><div class="phocagallery-box-file" style="border: 1px solid #000000; height:<?php echo $imageHeight['boxsize']; ?>px; width:<?php echo $imageWidth['boxsize']; ?>px">

I think it had something to do with the Joomla Template I am using.

This is a solution, but a better one would be to change the CSS-file.

The definition of the class phocagallery-box-file can be found in /components/com_phocagallery/assets/phocagallery.css, from line 63.

Code: Select all

.phocagallery-box-file:hover, .phocagallery-box-file.hover  {
	border:1px solid #135cae;
	background:#f5f5f5;
	text-decoration:none;
}

/*detail*/
.phocagallery-box-file-d	{
	position:relative;
	float:left;
	border:1px solid #E8E8E8;
	background:#fcfcfc;
	text-align:center;
	overflow:visible;
	width:640px;
	height:480px;

[Technically Blonde]

Hi,

there is a setting "Category box space" - try to change this one to a smaller value.

Regards,
Ronny

Sorry, I can't find this setting - maybe I'm going screen blind now .....

[Technically Blonde]

I got it finally. I had to edit the code and force a black border:

In
components/com_phocagallery/views/category/tmpl/default.php .........

This is a solution,

I tried the code change but it didn't solve my problem

but a better one would be to change the CSS-file.

The definition of the class phocagallery-box-file can be found in /components/com_phocagallery/assets/phocagallery.css, from line 63.

Code: Select all

.phocagallery-box-file:hover, .phocagallery-box-file.hover  {
	border:1px solid #135cae;
	background:#f5f5f5;
	text-decoration:none;
}

/*detail*/
.phocagallery-box-file-d	{
	position:relative;
	float:left;
	border:1px solid #E8E8E8;
	background:#fcfcfc;
	text-align:center;
	overflow:visible;
	width:640px;
	height:480px;

So now I'll try this css change

Thanks