Page 1 of 1

Text is cut off and covers photo

Posted: 09 Feb 2017, 20:08
by jason640
How can I adjust the category name so it fits under the category image?
http://schianodevelopment.com/index.php ... to-gallery

Re: Text is cut off and covers photo

Posted: 09 Feb 2017, 20:38
by Benno
Hi,
[...] and covers photo
I don't see text covering photos.
Image
Text is cut off [...]
If you want to display more text:
backend --> Components --> Phoca Gallery --> Control Panel --> Options --> Categories View --> Categories View Settings --> Number Of Characters In Name (Category Name)=(Standard is, I think 20, enlarge this value)

But the more text you display, the less fits into the box. Therefore, you need to increase the box height:
backend --> Components --> Phoca Gallery --> Control Panel --> Options --> Categories View --> Categories View Settings --> Category Box Space=(Standard is 0, enlarge this value e.g.30 or 40)

Kind regards,
Benno

Re: Text is cut off and covers photo

Posted: 12 Feb 2017, 07:39
by jason640
Thanks, I meant the text goes over the box, not the photo. How can I make the text smaller and fit under the box? And how do I get rid of the folder icon?

Re: Text is cut off and covers photo

Posted: 12 Feb 2017, 14:24
by Akkarin
I have the same problem.
A little bit strange for me is that the text on the next page (shows subcategories of the main catageory) is smaller. Both pages show a categories view but use different font size. I would like to get the same font size for the first page than for the second page.
The CSS style seems to be completely the same but the text is shown in a different size?!?

Re: Text is cut off and covers photo

Posted: 12 Feb 2017, 14:39
by Akkarin
I now enlarged the value mentioned from Benno and this enlarged the box on the first page (main category) but not at the second page (subcategories). It seems so as if I cannot influence the box of page 2 which shiws the subcategories.

Re: Text is cut off and covers photo

Posted: 12 Feb 2017, 15:19
by Benno
@Akkarin
[...]but not at the second page (subcategories).
Yes, because subcats are Category View not Categories View.
Go to: backend --> Components --> Phoca Gallery --> Control Panel --> Options --> Category View --> Category View Settings -->Image Box Space=(Standard is 0, enlarge this value e.g.30 or 40)

Kind regards,
Benno

Re: Text is cut off and covers photo

Posted: 12 Feb 2017, 17:03
by christine
Hallo Akkarin,
in addition to: Benno - grüß Dich :-)
Akkarin wrote:... but the text is shown in a different size?!?
yes. You could try following code (at the end of your nexus.css):

Code: Select all

.pg-csv-name, .pg-cv-name {
font-size:1em;	
}
1em; = just an example - for both: categories & category view.

Kind regards, Christine

Re: Text is cut off and covers photo

Posted: 13 Feb 2017, 19:05
by Akkarin
@Benno
You are right, I did mix that up. Sorry.


@Christine
Thank you that works fine. I added that in the custom.css of my template.

Akkarin

Re: Text is cut off and covers photo

Posted: 13 Feb 2017, 19:30
by jason640
@Benno
Thanks, I meant the text goes over the box, not the photo. How can I make the text smaller and fit under the box? And how do I get rid of the folder icon?

Re: Text is cut off and covers photo

Posted: 13 Feb 2017, 22:24
by Benno
@jason640
Change: http://schianodevelopment.com/media/com ... efault.css
Line 20
from:

Code: Select all

.pg-csv-name {
    text-align: left;
    margin-top: 5px;
    padding-left: 20px;
    background: url(../../images/icon-folder-small.png) 0 1px no-repeat;
}
to:

Code: Select all

.pg-csv-name {
    text-align: left;
    margin-top: 5px;
    padding-left: 20px;
    font-size: small !important;
}
@Akkarin
@Benno
You are right, I did mix that up. Sorry.
Ok.

Kind regards,
Benno