Change portfolio layout

Support
#1

Hi,

Is it possible to change the portfolio layout, so I have complete control of the design of my portfolio pages?

Just like with normal pages…

#2

Hi Kobber,

Thanks for writing in! You have few options for this. One is to create your Portfolio items using Cornerstone or Pro builder. For that first you need to enable Portfolio feature by head over to X/Pro -> Settings -> Permissions -> General -> Portfolio.

The other option is to use a plugin like Essential Grid to display your portfolio items. You can refer to our guide here (https://theme.co/apex/forum/t/extension-essential-grid/68). Also please check the following post for more information (https://theme.co/apex/forum/t/full-portfolio-page-customization-with-pro/58970/2?u=mldarshana).

If you’re looking for complete customization, please refer to the following post (https://theme.co/apex/forum/t/help-modify-portfolio/57880/2?u=mldarshana) and implement accordingly.

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer.

Thanks!

#3

Oh, I think you misunderstood me.

I know about the options and Essential Grid, but when creating a single new portfolio item, I really would like a completely blank page - just like with a normal page.

#4

Hi @Kobber,

We can’t really provide customization for the template, but we can make the portfolio fullwidth, that way you’ll have the entire width of the portfolio. To do this, please add this to Theme Options > CSS

.single-x-portfolio .entry-featured, .single-x-portfolio .entry-top-navigation {display: none;}
.single-x-portfolio .entry-wrap {
	float: none;
	width: 100%;
}

Cheers!

#5

Great! The white background is now full width, but when creating a section, the column is boxed like before.

#6

Hey Kobber,

Please update the code to:

.single-x-portfolio .entry-featured, 
.single-x-portfolio .entry-top-navigation {
    display: none;
}

.x-portfolio .entry-info,
.single-x-portfolio .entry-wrap {
	float: none;
	width: 100%;
}

Hope this helps.

#7

Perfect! Thank you very much.

#8

You’re most welcome.

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.