Docs

[pixelsandfrets]

URL: http://friends.church/media/work-matters/

I’m trying to make my portfolio item pages a blank slate. I’ve pieced together a bunch of CSS that I’ve found in different posts and I’m close…I just can’t figure out how to get rid of the extra space at the top. I’d also like to have the page fullwidth. Any ideas? Here’s the CSS that I’ve cobbled together so far:

/* customize single portfolio */
.x-portfolio .entry-info {
width: 100%;
}

h1.entry-title.entry-title-portfolio {
  display: none;
}

.single-x-portfolio .x-landmark {
    display: none;
}
.single-x-portfolio .x-breadcrumbs-wrap {
    text-align: left;
}

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

.p-meta span:first-of-type, .p-meta span:nth-of-type(2) {
display: none;
}
.single-x-portfolio .x-header-landmark {
display: none;
}

.page-template-template-layout-portfolio .h-landmark.entry-title {
text-align: center;
}
.page-template-template-layout-portfolio .x-landmark {
width: 100%;
float: none;
padding: 0;
}

[Darshana]

Hi there,

Try adding the following CSS rules also.

.single-x-portfolio .x-container.offset {
    margin: 0 auto;
}

.single-x-portfolio .entry-header {
    margin-top: 0;
}

.single-x-portfolio .entry-content {
    margin-top: 0;
}

.single-x-portfolio .x-section {
    padding: 0 !important;
}

Hope that helps.

[pixelsandfrets]

Thanks! This has removed the white space under the nav. Is there any way to make that top image fullwidth? I made sure my margin and padding were 0 and that it is a marginless column.

[Friech]

Hi There,

You can add this under Custom > CSS in the Customizer.

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

Hope it helps, Cheers!

[Author]

Posts