Phoca Download Custom look

[kennyjirkoff]

Hi, could you help find out how to adjust these items (better say what to change in which css file):

1./ remove these white lines
2./ make row as tight as possible
3./ make these buttons smaller

See picture bellow:



4./ hide pagination combox ...

Thx a lot for help.

Jan, CZ

[Jan]

Hi, pagination can be hidden in menu link parameters, all other changes should be stylized in CSS

Jan

[kennyjirkoff]

Hi,

thx for replay, but concerning CSS it didn't help much ... could you guide me what to find in CSS to remove those white lines ?

Jan

[CAP]

Hello.

My advice is use any Web Developer Extension and select the object you want to change. Here you see all the css options (usually on the right) aplied to that object. Test all changes here and see what it fits your liking.

When you have a set of changes you like to see go to the joomla administration and to Phoca Download ->Style (CSS) -> Default
Create here the changes you want and save, you'll see them immediatly on the front-end.
If nothing changes see if you have that file (default.css) published and if only something does not change try and use "!important" in the style.

I'll give you an example: remove that line between the files.
From the Phoca Download site i've seen that that line is not an HR but rather a bottom border aplied to .pd-filebox
So just go to that file (default.css) and create a new style:

Code: Select all

#phoca-dl-category-box .pd-filebox{
border:none !important;
}

Aditionally you can also add style for the margin and padding to lower values and make files closer.

Hope this helps.

Best regards,
Manuel Borges

[Jan]

Hi, thank you for the guide.

Jan