Download Button - assistance needed please

[Azounstone]

Hi,

I have the download manager installed and it is working great! There is one issue I have though and it is with regards to the size of the download button. The one on our site is considerably larger than the one you have. The images below show this clearly:

Our Download Button


Your Download Button


As you can see the one on our site looks a little messy. How do I change the look of this so that it looks like the one you use?

Many thanks

[codejunkie]

It appears you have some conflicting styles in your .css files.

[Azounstone]

If this indeed the case could somebody please tell me where I can adjust the download php so that it uses a custom image and not the ones provided?

By doing this I can place an image of a fixed size.

Thanks

Andy

[Jan]

Hi, you can do it in CSS:

components/com_phocadownload/assets/ ...

or in html
components/com_phocadownload/views/category/tmpl/default.php

Jan

[Azounstone]

I would like to keep the default image as it looks fine when the right size. What needs to be altered to get it to show like the second image?

Thanks

[codejunkie]

I'm not sure. Can you provide a link for others to check?

[Azounstone]

Sure....

http://www.az2o.com/site/media--gallery ... tball.html

Cheers

Andy

[codejunkie]

Your reset.css file is adding a margin to your div surrounding each of those buttons due to a div with no class or id tag. You might try a Template Override on this file "component/com_phocadownload/views/category/tmpl/default.php".

[Azounstone]

Many thanks for the time you have spent on this. Alas I do not have the knowledge to do as you suggest.

I guess I will have to either make do with silly looking buttons or remove the component.

Thanks again for your help

Andy

[codejunkie]

Find your reset.css file. Open it with the editor from the Template Manager.

You will then need to search for the following code

Code: Select all

form div { margin: .8em 0 .8em 0; }

Change both .8em to 0 like so

Code: Select all

form div { margin: 0 0 0 0; }

If you notice your site looks a little different, you will probably want to restore those settings.

An explanation is provided on Joomla.org for Template Overrides.

Good Luck.