Docs

[Jennifer S]

Hi there! I’ve been reading several posts about how to change certain aspects of portfolio page layouts, but they’re all pretty specific to certain aspects.

Is there any way to simply use plain/standard “page” layouts for the portfolio page items? I need to have all the layout controls that pages offer me that portfolio pages do not. For example, setting the pages to full width, choosing whether or not I want the page title to appear within the portfolio page. I need to be able to add slideshows just under the navigation (like I have here: http://www.theantgroup.com). And I don’t want the featured image to appear.

So basically, what I want for my portfolio item pages is the ability to lay them out using all the features available as if it were a regular “page.” The only thing different I’d want is I’d like to keep is the Share Icons and button which you’ve helped me place at the bottom of the page (share icon example here at bottom: http://www.theantgroup.com/portfolio-item/the-broad-museum/).

Is there a way to do this? I’m using Renew and have the child theme in place. Please let me know? Thank you!

[Christian]

Hey Jennifer,

Regretfully, that would require drastic changes to the portfolio templates. With that said, that falls outside the scope of our support. You might want to contact our trusted partners who caters X setup and customization needs. Please see https://community.theme.co/custom-development/

Thank you for understanding.

[Jennifer S]

Yes, I kind of expected this answer – no worries!

In the meantime, however, is there a way to close the vertical space between the page title and the navigation in a portfolio post? We’ve got too much extra white space up there. Thanks! 🙂

[Joao]

Hi There,

Please add the following code to Appereance Customizer Custom CSS

@media only screen and (min-device-width : 768px) { 
.single .single-x-portfolio .x-main.full {
margin-top: -60px;
}
}

Hope it helps

Joao

[Jennifer S]

Hi! This did not work. I removed this piece `@media only screen and (min-device-width : 768px) {
.single ` , and that looks good on my computer. But on my iPhone, the title is now too crowded to the navigation. Is there a way to strike a balance?

Also, I know there’s no way you guys can support the portfolio page layout customization I asked for previously in this post, but is it possible to set the page layout of portfolio posts to full width, no container? Thanks! 🙂

[Friech]

Hi There,

Please resolve the syntax errors on your custom css first. Look for this block

footer.x-colophon.bottom { 
  padding: 10px; 0!important; }

And update that to:

footer.x-colophon.bottom { 
  padding: 10px 0 !important;
}

Then simplify the last given code to this:

@media (min-width:  768px) {
	.single-x-portfolio .x-main.full {
		margin-top: -60px;
	}
}

So it wont affect the mobile view.

Regarding the container, regretfully we can not remove it but we can make it full-width with the custom css below.

.single-x-portfolio .x-container.max.width.offset {
	width: 100%;
	max-width: none;
}

Hope it helps, Cheers!

[Author]

Posts