Remove the border around the download box

[FlyRide]

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.

[christine]

Hi,

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

foll. code at the end of your template.css:

Code: Select all

.btn {
border:none;
}

Kind regards, Christine

[FlyRide]

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

[Benno]

Hi,
/media/plg_content_phocadownload/css/phocadownload.css
Line: ca. 52
Change from:

Code: Select all

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

to:

Code: Select all

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

Kind regards,
Benno

[FlyRide]

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

[FlyRide]

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

[Benno]

Ok.

Kind regards,
Benno

[serenity]

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?

[Jan]

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

[serenity]

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?