Separate Album List Pages

royk

Hello,

I currently have all my client work in separate albums, and an overview of them can be found on the Album List Page, sortable by their relevant tags. However, I would also like to add a separate Album List Page of just my personal work, without any of the client work or their tags showing. What is the best way to achieve this? Is there a way to make a different second Album List Page?

Thank you,
Roy

Air

Hello:-)

We have covered this many times and I tried to describe this in docs http://apollo13.eu/docs/photon/#!/adding_multiple_albums_list_and_categories

However if you already use tags/categories I would do such thing:
1. Create two main categories in album: Personal and Clients
2. All your current categories I would push under Clients category and like so for your Personal stuff.
3. Now I would add to menu links to this main categories.

This way you have two separate albums lists.

I hope this helps.

With kind regards.

royk

Hello,

Thanks for your response. One follow-up question -- I have some custom CSS that I've used on my main album list page under Pages (so it does not make global changes to the website), and I would like to carry these over to the other album list page (essentially the "Category" view/genre filter). Is there a particular place where I can put this code to affect only the Category/genre view?

Thanks again!

Air

Hello:-)

It depends what exact CSS you have, but we should be able to easily target album genre with selector body.albums-list-page

With kind regards.

royk

The code I have mainly affects the way the Album tiles are displayed:

figure.archive-item h2{
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0px
}
figure.archive-item .excerpt {
    display: none;
}
.classic-eff:hover figcaption{
	background-color: rgba(0,0,0, 0.5);
}

Is there somewhere other than the main style sheet where this could be placed so it only modifies the Album tiles on the Album List Pages?

Thank you.

royk

Nevermind, realized I just had made some syntax mistakes, which is why I wasn't getting the correct display with the selector you recommended. I've modified the CSS like you suggested in the main style sheet as such:

body.albums-list-page figure.archive-item .excerpt {
    display: none;
}
body.albums-list-page figure.archive-item h2{
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 16px;
	letter-spacing: 0px
}
body.albums-list-page .classic-eff:hover figcaption{
	background-color: rgba(0,0,0, 0.5);
}

Now it looks like everything is displaying correctly. Thank you!

Air

Great, that is exactly what you should do. Good job:-)

With kind regards.