ZenphotoCMS Forum
zenpage - archive view - Printable Version

+- ZenphotoCMS Forum (https://forum.zenphoto.org)
+-- Forum: Support (https://forum.zenphoto.org/forum-1.html)
+--- Forum: Themes (https://forum.zenphoto.org/forum-5.html)
+--- Thread: zenpage - archive view (/thread-12957.html)



zenpage - archive view - redstick - 2017-07-31

I asked this in a previous post, but we moved onto other issues.

On the 'Archive View' page the 'Gallery Archive' is displayed as 1 long column. Is it possible to change this to 2 or 3 columns to reduce the length of the display?

OR

Is it possible to keep the display as 1 column and have the 'Popular Tags' displayed in a second column next to it?

I appreciate that the right-hand sidebar menu may cause problems.

log in as 'test-user' with 'test123'




zenpage - archive view - fretzl - 2017-07-31

This is about the shortest archive view I can think of...

In your [i]style.css[/i] file look for "Archive View" (around line 885)

Replace all properties between "Archive View" and "Tag Cloud" with this:
`
ul.archive,
ul.archive * {
padding: 0;
margin: 0;
list-style: none;
font-weight: normal;
}

ul.archive {

}

ul.archive .year {
font-weight: bold;
width: 115px;
display: inline-block;
vertical-align: top;
}

ul.archive .archive-active a {
color: black;
}

archive h3 {


font-size: 15px;
letter-spacing: 0.1em;

}
`
You could also experiment with [i]columns[/i].
https://www.w3schools.com/cssref/css3_pr_columns.asp




zenpage - archive view - redstick - 2017-07-31

Thanks,that is much better and it will look 'Tidier' when more of my photos have been dated and tagged.

It is showing in 4 'columns' is it possible to make it 5 so that the space between the 'columns' and the sidebar menu is used up?

I had already looked at w3schools but none of my attempts were as good as your solution.

Edit
I have got 5 'columns' by altering the width from 115 to 100

Finally is it possible to reduce the size of the 'tag cloud' by increasing its width?

Thanks for your help and support :)




zenpage - archive view - fretzl - 2017-07-31

In your [i]style.css[/i] find the section that begins with "Tag Cloud".

Change
`

tag_cloud {


text-align: center;
background: #eee;
}
to

tag_cloud {


width: 860px; / adding a fixed width /
text-align: center;
background: #eee;
}
And add this to get a decent padding:

tag_cloud ul {


padding: 10px 30px;
}
`




zenpage - archive view - redstick - 2017-07-31

Excellent!!

Thank You :)




zenpage - archive view - acrylian - 2017-07-31

Just to note: w3schools is not always the best source. This one is far better as more accurate:
https://developer.mozilla.org/en/docs/Web/HTML/Reference