Set Phoca Dowload resemble demo in Joomla 3.3

[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.

[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

[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.

[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

[hashimusefu]

Thanks very much. It works perfectly.

[Jan]

Ok