Phoca Forum

Hello,

I followed the instruction to set Display Specific Layout to YES and then change the CSS in phocadownload.css to set Border: to none or to 0px.

The borders are still there.

I might have missed something, what is exactly the correct process to follow?

Thanks.

Hi,

don't know which border you mean. Therefore just an idea:

foll. code at the end of your template.css:
Kind regards, Christine

Hello Christine,

It's the box around the download link generated with {phocadownload view=file|id=1|text=Biography|target=s} in the article when using the Download Plugin.

Hope this helps to clarify the issue.

Thanks,
Christophe

Hi,
/media/plg_content_phocadownload/css/phocadownload.css
Line: ca. 52
Change from: to: Kind regards,
Benno

Hello Benno,

There is no "phocadownloadfile32" in phocadownload.css

At line 52 up to 60, there is:

#phoca-dl-category-box .pd-category h3.pd-ctitle,
#phoca-dl-file-box .pd-file h3.pd-ctitle,
#phoca-dl-download-box .pd-file h3.pd-ctitle{
margin: 0;
padding: 5px;
background: #fafafa;
border: 1px solid #e9e9e9;
margin-bottom: 7px;
}

When I remove the line 58 "border: 1px solid #e9e9e9;" the border are still there. Are we talking about the same line to modify?

Still puzzled :-(

Christophe

OK, went back directly to phocadownload.css and not through Components/Phoca Download/Styles and it worked, and I marked as comment the border parameter.

.phocadownloadfile {
/* border:1px solid #cccccc;*/
margin:5px;
padding: 3px 5px;
}

and

.phocadownloadfile32 {
background: #fdfdfd url(../images/icon-download-32.png) 5px center no-repeat;
/* border:1px solid #cccccc; */
margin:5px;
padding: 10px 10px 10px 40px;
}

Works now.

Thanks.

Chrisotphe

Ok.

Kind regards,
Benno

FlyRide wrote: ↑20 Feb 2017, 12:41 OK, went back directly to phocadownload.css and not through Components/Phoca Download/Styles and it worked, and I marked as comment the border parameter.

.phocadownloadfile {
/* border:1px solid #cccccc;*/
margin:5px;
padding: 3px 5px;
}

and

.phocadownloadfile32 {
background: #fdfdfd url(../images/icon-download-32.png) 5px center no-repeat;
/* border:1px solid #cccccc; */
margin:5px;
padding: 10px 10px 10px 40px;
}

Works now.

Thanks.

Chrisotphe

I have the same problem, but i dont know where to paste this.
I tryed to customize the .css file for the borders, but nothing worked.

And where i have to tell him to use specific layout?

Hi, if you want to change the design by CSS, the best way is to add it to your template CSS (as it is loaded as last and it is not overwritten by some other CSS).

Jan

Hi, do you mean in the main template like tmpl.default.css? there is a style.custom.css wich is without content at the time. I tryed both, but nothing works, so I dont know if I have the right files?