Phoca Forum

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

Hi, maybe there si some conflict between template css and Phoca download CSS ... see your css if there is e.g. "download" class defined ...

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

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:
because it seems that the padding can be inherit from the main css

Hello Ja,

Great!
Your suggestion was the solotion.
Thanks

Flipper

great to hear it, Jan