Create 2 portfolio archive pages with Minimum Pro

[Bart van Maanen]

For a website I'm working on I would like to create 2 portfolio archive pages, the existing one ('portfolio') and one for - say - 'expositions'. So they can be presented as two seperate pages, both in the frontend and in the backend menu for this particular client.

They can have the same layout and structure.

What would be the smartest way to do this using the Minimum and Genesis code?

[the site is not online yet]

[Davinder Singh Kainth]

Duplicate existing portfolio custom post type files and rename it with new slug / name.

You can also try plugin like Go Portfolio for this.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Bart van Maanen]

Thanks Davinder, so you mean make a duplicate of archive-portfolio.php and single-portfolio.php and renaming those to something like expo-archive-portfolio.php and expo-single-portfolio.php?

Or as in archive-expo.php and single-expo.php

As well as replacing the _portfolio_ slugs in those files?

[Davinder Singh Kainth]

Yes, however archive-portfolio.php -> archive-expo.php

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Bart van Maanen]

Hi Davinder, I copied and adapted and uploaded above files. I also registerd the post type 'exposities' (Dutch) so it shows up in the backend menu, with its own icon. Pretty cool. After saving the permalinks the page showed on the frontend.

But now all portfolio cover photos on the archive pages show in one column, instead of two. I tried adding the .post-type-archive-expositie tag to the css in the entry section but to no improvement.

.post-type-archive-portfolio .post-type-archive-expositie .entry {
	float: left;
	margin-bottom: 60px;
	width: 50%;
}

.post-type-archive-portfolio .post-type-archive-expositie .entry:nth-of-type(2n) {
	float: right;
	padding-left: 30px;
}

.post-type-archive-portfolio .post-type-archive-expositie .entry:nth-of-type(2n+1) {
	clear: left;
	padding-right: 30px;
}

Do you have any clue? Or anyone else of the members of this great forum?
Thanks!

[Davinder Singh Kainth]

Can you post link of the url in question? Your ".entry:nth-of-type(2n)" is correct, probably using incorrect class in the front.

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Bart van Maanen]

I'm sorry the site is not live yet.

Which class could it be?

div.entry.content is set to 1140px, and div.portfolio-image (used by both pages) is also set to 1140 on both odd and even (not to 50%).

The image size set in functions.php is correct (540x340). See this screenshot:

https://www.dropbox.com/s/xpxdps962dyn82q/Expositie%202015-09-08%2014-02-29.png?dl=0

[Davinder Singh Kainth]

Try this code

.post-type-archive-expositie .entry:nth-of-type(2n+1) {
    clear: left;
    padding-right: 30px;
}

.post-type-archive-expositie .entry {
    float: left;
    margin-bottom: 60px;
    width: 50%;
}

---

Sunshine PRO genesis theme
Need Genesis help? Davinder @ iGuiding Media | My Blog | Fresh Genesis Themes

[Bart van Maanen]

Great Davinder, that works!

I also kopied and changed the (2n) part, so now it looks like this:

.post-type-archive-expositie .entry:nth-of-type(2n) {
	float: right;
	padding-left: 30px; 
}

.post-type-archive-expositie .entry:nth-of-type(2n+1) { 
   clear: left;
   padding-right: 30px;
}

.post-type-archive-expositie .entry {
   float: left;
   margin-bottom: 60px;
   width: 50%;
}

[Author]

Posts