Blank Portfolio Pages (No Container | Header, Footer)

Support
#1

Hi there,

I’ve got a site that we’re trying to make all portfolio posts function just like a blank page so we can utilize Cornerstone on those portfolio pieces.

I’ve tried to implement the code provided from both of these posts, but neither one is affecting our portfolio page layouts:


Here is a test page: https://bmor.nueramarketing.com/portfolio-item/test-portfolio/

What am I doing wrong?

#2

Hello @Nuera,

Thanks for writing in!

To resolve your issue, you also need to add this custom css code:

.single-x-portfolio .entry-wrap {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.single-x-portfolio .x-portfolio .entry-extra {
    float: none;
    display: none;
}

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

Kindly let us know how it goes.

#3

Thanks, RueNel!

That gets us closer, but as you can see the page content is still relegated to the left 2/3 of the visible space and we’ve got major margins on all four sides.
https://bmor.nueramarketing.com/portfolio-item/test-portfolio/

Though it is covered up by the content I have on the page, the title & meta info is also still present on the page (just behind the cover photo).

Could you help me eliminate those elements so that all portfolio pages function exactly like a blank page template?

Thank you so much!
~Grant

#4

Hello Grant,

Please have the code updated and use this instead:

.single-x-portfolio .entry-wrap {
    border: none;
    box-shadow: none;
    background-color: transparent;
}

.single-x-portfolio .x-portfolio .entry-extra {
    display: none;
}

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

We would love to know if this has worked for you. Thank you.

1 Like
#5

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