Background Download button

Phoca Download - download manager
flipper1960
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 12 Oct 2008, 20:45

Background Download button

Post by flipper1960 »

Hello Jan,

First of all a big complement for Phoca Downoad.
I have a problem witg the background of the "Download" button. This button is much bigger/broader than the "Details-button.
The size of the button is the same from both but the green backgound is too high and and the witdh is twice.
I made a attachement so you can see

Flip
phocadown.jpg
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48403
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Background Download button

Post by Jan »

Hi, maybe there si some conflict between template css and Phoca download CSS ... see your css if there is e.g. "download" class defined ...
If you find Phoca extensions useful, please support the project
flipper1960
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 12 Oct 2008, 20:45

Re: Background Download button

Post by flipper1960 »

Hello Jan,

I found in the template i use (jsn_epic_pro) indeed something that looks the same:

.download {
border-top: 2px solid #DDEDBC;
border-bottom: 2px solid #DDEDBC;
padding: 1em 1em 1em 5em;
background: #F2F9E5 url(../images/icon-text-download.png) no-repeat 1.5em;



and

div.icon-download h3 {
background: url(../images/icon-module-download.png) no-repeat left 4px;
padding: 2px 0 2px 21px;



I found in the Phocatemplate:

#phoca-dl-category-box .download {
border-top: 1px solid #00CC00;
border-right: 1px solid #008F00;
border-bottom: 1px solid #008F00;
border-left: 1px solid #00CC00;
margin: 1px 0px 1px 3px;
background: #008F00 url('images/bg-download.png') 0 0 repeat-x;


I think you are right. What can i do? Can i change "box .download" in "box .download_jan" and if so where do i have to change this, in what files?
I am not very good (o%) in PHP and CSS so please help me.

Flip
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48403
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Background Download button

Post by Jan »

I don't know the ordering of your templats, but if the phoca download css will come after the main css, maybe you should add e.g.

padding 0px to:

Code: Select all

#phoca-dl-category-box .download {
border-top: 1px solid #00CC00;
border-right: 1px solid #008F00;
border-bottom: 1px solid #008F00;
border-left: 1px solid #00CC00;
margin: 1px 0px 1px 3px;
padding: 0px;
background: #008F00 url('images/bg-download.png') 0 0 repeat-x;
because it seems that the padding can be inherit from the main css
If you find Phoca extensions useful, please support the project
flipper1960
Phoca Newbie
Phoca Newbie
Posts: 8
Joined: 12 Oct 2008, 20:45

Re: Background Download button

Post by flipper1960 »

Hello Ja,

Great!
Your suggestion was the solotion. :twisted: :twisted:
Thanks

Flipper
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 48403
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Background Download button

Post by Jan »

great to hear it, Jan :wink:
If you find Phoca extensions useful, please support the project
Post Reply