Page 1 of 1

Set Phoca Dowload resemble demo in Joomla 3.3

Posted: 24 Feb 2015, 15:39
by hashimusefu
All,

I have installed phoca download v3.0.6.zip but I didn't succeed make it looks like the one seen in demo site. [https://www.phoca.cz/download].

I have seached here in this forum but I didn't got the solution. Please help.

Re: Set Phoca Dowload resemble demo in Joomla 3.3

Posted: 27 Feb 2015, 13:57
by Jan
Hi, you can set the design per css:

See: https://www.phoca.cz/joomla3demo/phoca-download-demo

There is no borders around the box and no shadow, but you can just add them per CSS:

Code: Select all

.pd-categoriesbox {
border: 1px solid #ccc;
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
}
This will do a bordered box with shadow, you can add padding or margin too.

Jan

Re: Set Phoca Dowload resemble demo in Joomla 3.3

Posted: 05 Mar 2015, 14:31
by hashimusefu
Thanks for your reply.

I put the CSS in Default.css and it works fine. But the category title (header) does not have its own box. please assist.

I need it to looks exactly as the one seen in demo site https://www.phoca.cz/download.

If I will get all the settings it will will be much better.

Re: Set Phoca Dowload resemble demo in Joomla 3.3

Posted: 06 Mar 2015, 14:02
by Jan
Hi, don't add customized code to default.css file as such is overwritten when upgrading. Create new, e.g. custom.css

The title is just:

Code: Select all

.pd-title {
background: #FAFAFA;
border: 1px solid #e9e9e9;
}
and margin or padding you need to set by your needs.
Jan

Re: Set Phoca Dowload resemble demo in Joomla 3.3

Posted: 09 Mar 2015, 14:19
by hashimusefu
Thanks very much. It works perfectly.

Re: Set Phoca Dowload resemble demo in Joomla 3.3

Posted: 11 Mar 2015, 00:59
by Jan
Ok