Edit Portfolio Item with PRO v2

[VGonzaloMartinez]

I’m getting ready to retry redesigning my Portfolio Items.

Back in Mar/20, I opened a Support Topic Edit Portfolio Items with PRO and I was recommended to add these custom CSS listed below, under Pro > Theme Options > CSS:

Apparently, we have a better way to Edit Portfolio Items with PRO as I see an option to turn this feature ON under Pro > Settings > Permissions > GENERAL > Portfolio.

WILL YOU RECOMMEND REMOVING ALL THESE OLD CODES FROM THE CUSTOM CSS?

1st code piece:

.x-portfolio .entry-info {
    width: 100%;
}
.x-portfolio .p-meta,
.x-portfolio .entry-extra {
    display: none;
}

2nd code piece:

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

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

3rd code piece:

.single-x-portfolio .x-container.max.width.offset,
.single-x-portfolio .entry-content {
    margin-top: 0;
    margin-bottom: 0;
}

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

[friech]

Hi There,

Thank you for writing in, please keep those custom CSS if you want your portfolio page layout to remain fullwidth.

Remove it if you want to turn back to the default portfolio layout, which has the extra-sidebar.

Cheers!

[VGonzaloMartinez]

Perfect,

I noticed that the code still showing some styling apparently from the standard layout. Spacing on the left and right sides, please see attached images.

[friech]

Hi There,

We cant view that second link, that seems to be a draft post. I did check all your other portfolio items and it all have a full-width featured image. Please confirm that that is a portfolio post.

Thanks,

[VGonzaloMartinez]

Sorry, I just publish it, and it is visible now.

[thai]

Hi There,

It’s NOT fullwidth because of the entry wrap padding. Please find this custom CSS:

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

And change to this:

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

Hope it helps

[VGonzaloMartinez]

Excellent! This works great!

Thanks!

[Prasant]

You are most welcome.