PhocaDownload details box text and background are black !

[leonleon]

Hello
I am doing site migration from J3.10.9 to J4.1.4
So I was obliged to remove PD previous version (3.0.6) and install 4.0.1
I did an export import of some DB table from J3.10.9 to J4.1.4
phocadownload
pd_categories
pd_files vote
pd_layout
pd_style
pd_user_stat

So I recovered access to files.
But my troubble is now about the details box, when the mouse is on it, most of time text is black on black background.
a few cases have white text on black background.

My question is
how can I make readable details texts ?
Is this a setup in a pd parameter ?
is it in the template if yes in what part ?

Thank you if you can help

[Benno]

Hi,

I did an export import of some DB table from J3.10.9 to J4.1.4
phocadownload
pd_categories
pd_files vote
pd_layout
pd_style
pd_user_stat

It's not recommended to export the style table. See migration guide J3x to J4x:

Is this a setup in a pd parameter ?

No!

is it in the template if yes in what part ?

We can only answer that if we know the URL.

Kind regards,
Benno

[leonleon]

Hi,
thank you for the link toward migration guide, it is exactly what I needed.
I will follow it and if my pb is still there I will send you an URL.

best regards

[leonleon]

Hi

I followed method described In the link you provided.
All files are there, the only problem is detail box open on a black subwindow, black text on black background.
I am testing the J3 to J4 migration on a local site MAMP PRO on Mac mini
and I don't know how to make my local site access from outside
Is it possible or what can you suggest ?
best regards

[Benno]

Hi,

[..]the only problem is detail box open on a black subwindow, black text on black background.

If yes, this screenshot is made with frontend template Cassiopeia.
If you switch to Cassiopeia for testing, is this issue gone?

If no, please post a screenshot from the window you are meaning.

Kind regards,
benno

[leonleon]

Hi
I am using my own template created using Template Toaster last version (8). Using my template,
most of the time details box open looks like
https://imgur.com/jLC8772
For a very few positions text is readable, like this:
https://imgur.com/7F9OIN7

now if I use Cassiopeia display is correct for all
So my problem seems linked with my template.
How can I go further ? I mean what is the name of template desing part that I must investigate ?
Thank you

[leonleon]

Hi

searching in notes I wrote when creating J3 template I found an answer from Phocadownload support
that I applied on all my J3 sites, giving nice boxes and display (details and download boxes)

edit file media/ com_phocadownload/ css /main/phocadownload.css

add at the end
#phoca-dl-categories-box div.pd-categoriesbox {
background: #ffffff url('images/grey-bg.png') left top repeat-x;
border: 1 px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: inset 0 1 px 3px #fff, 0 0 3px #ccc;
-o-box-shadow: inset 0 1 px 3px #fff, 0 0 3px #ccc;
-webkit-box-shadow: inset 0 1 px 3px #fff, 0 0 3px #ccc;
-moz-box-shadow: inset 0 1 px 3px #fff, 0 0 3px #ccc;
            width:                30%;
            position:            relative;
            float:                 left;
            margin:             1%;
            padding:            1%;
}
#phoca-dl-category-box .pd-filebox {
clear:both;
padding: 15px;
margin: 10px 0px;
background: #ffffff url('images/grey-bg.png') left top repeat-x; border: 1 px solid #ccc;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: inset 0 1 px 3px #fff, 0 0 3px #ccc;
-o-box-shadow: inset 0 1 px 3px #fff, 0 0 3px #ccc;
-webkit-box-shadow: inset 0 1 px 3px #fff, 0 0 3px #ccc;
-moz-box-shadow: inset 0 1 px 3px #fff, 0 0 3px #ccc;
}

just to show you what it gives on J3
https://imgur.com/GR9Oktw

Now I did the same in J4 last Phoca download I dont get the nice boxes.

Is it possible to do it ?
Thank you

[leonleon]

Still me
I just put test site in live
you can access to the page and see the problem here
http://conversion-religion-catholique.c ... s/4-tracts
4 first details boxes show black boxes
last 4 show readable text

[Benno]

Hi,
your screenshot shows the 'File Size & Date' information:


This also works readable on your test site:


The file description window is not well readable.
Did you try to change the text color of the description in the Phoca Download File Description Editor Window, so it becomes better readable?

Kind regards,
Benno

[leonleon]

Hi Benno

I am not sure that I understand correctly your answer
You wrote first
your screenshot shows the 'File Size & Date' information:

Yes but this is taken from PD version 3.0.6 running on J3 MAMP local server, just to show you what gives the code lines obtained from PD support several years ago
See post above -2 from
#phoca-dl-categories-box div.pd-categoriesbox {
To
-moz-box-shadow: inset 0 1 px 3px #fff, 0 0 3px #ccc;
}

Now I want to do the same in J4 local site using PD version 4.0.2
to have nice buttons
I edited file media/ com_phocadownload/ css /main/phocadownload.css
To insert code lines at the end of file but it don’t modify the 2 buttons (default & download).

So is this code suitable to modify buttons aspect ?
If yes where to put it ?
If not what code must I use and where to put it ?

Part 2
So then you asked question :
Did you try to change the text color of the description in the Phoca Download File Description Editor Window, so it becomes better readable?

Yes I did modify background color to white, no change.
May be you can visit the live site at this page
http://conversion-religion-catholique.c ... s/4-tracts

first detail button is totally black.
May be inspecting the code on the page, you can see what is wrong and propose a fix.

best regards