Remove the border around the download box

Phoca Download - download manager
FlyRide
Phoca Member
Phoca Member
Posts: 11
Joined: 26 Aug 2011, 13:58

Remove the border around the download box

Post by 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.

Tags:
christine
Phoca Hero
Phoca Hero
Posts: 2725
Joined: 28 Nov 2010, 17:20

Re: Remove the border around the download box

Post by 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
Phoca Member
Phoca Member
Posts: 11
Joined: 26 Aug 2011, 13:58

Re: Remove the border around the download box

Post by 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
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9095
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Remove the border around the download box

Post by 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
Phoca Member
Phoca Member
Posts: 11
Joined: 26 Aug 2011, 13:58

Re: Remove the border around the download box

Post by 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
Phoca Member
Phoca Member
Posts: 11
Joined: 26 Aug 2011, 13:58

Re: Remove the border around the download box

Post by 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
User avatar
Benno
Phoca Hero
Phoca Hero
Posts: 9095
Joined: 04 Dec 2008, 11:58
Location: Germany
Contact:

Re: Remove the border around the download box

Post by Benno »

Ok.

Kind regards,
Benno
serenity
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 03 Mar 2017, 10:21

Re: Remove the border around the download box

Post by serenity »

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?
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47810
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Remove the border around the download box

Post by 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
If you find Phoca extensions useful, please support the project
serenity
Phoca Newbie
Phoca Newbie
Posts: 2
Joined: 03 Mar 2017, 10:21

Re: Remove the border around the download box

Post by 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?
Post Reply