Layout category-view

RonalddeWaal
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 19 Aug 2013, 20:17

Layout category-view

Postby RonalddeWaal » 20 Aug 2013, 10:17

L.s.,
The 'normal' categorie-view showes the categories like this:
1987 (1)
1988 (2)
1989 (6)
1990 (6)
....
...and so on.
I would like tho chanche tthat in:
1987 (1) 1988 (2) 1989 (6)
1990 (6) ....
....and so on.
How do I changes the list from one column to three of four columns?
With kind regards,
Ronald de Waal


User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 37375
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Layout category-view

Postby Jan » 21 Aug 2013, 13:07

Hi, you can do it per CSS styling, e.g. adding float attributes to the items, see similar posts in the forum, where there are guides for doing it.

Jan
If you find Phoca extensions useful, please support the project

RonalddeWaal
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 19 Aug 2013, 20:17

Re: Layout category-view

Postby RonalddeWaal » 22 Aug 2013, 17:05

Jan wrote:Hi, you can do it per CSS styling, e.g. adding float attributes to the items, see similar posts in the forum, where there are guides for doing it.

Jan


Hi Jan,
After severel houres searching and reading on the forum I did not succeed in finding a sollution for my problem. I understand that I have to put some CSS-commands in the file custom.css, but I did not found which commands. I tried the folowing code:
#phoca-dl-sections-box .sections {
margin:5px;
padding:5px;
border: 1px dotted #CCCCFF;
width:30%!important;
position:relative;
float:left;
}
But....whithout succes. Perhaps you can give me a 'hand'.
With kind regards,
Ronald de Waal

RonalddeWaal
Phoca Newbie
Phoca Newbie
Posts: 5
Joined: 19 Aug 2013, 20:17

Re: Layout category-view

Postby RonalddeWaal » 25 Aug 2013, 07:42

L.s.,

Adding the folowing code to custom.css wil do:
#phoca-dl-categories-box .pd-subcategory,
#phoca-dl-category-box .pd-subcategory {
background: transparent url('images/folder.png') 0 center no-repeat;
width: 10%
position: relative;
float: left;
margin: 1%;
padding: 0% 3%;
}
With kind regards,
Ronald de Waal

User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 37375
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Layout category-view

Postby Jan » 29 Aug 2013, 14:33

Hi, thank you for the guide.

Jan
If you find Phoca extensions useful, please support the project


Return to “Phoca Download”

Who is online

Users browsing this forum: No registered users and 1 guest