Edit Portfolio Item with PRO

Support
#1

WordPress v4.9.4
Theme.co Pro v2.0.4

Hello support, Is it recommended to edit the “Portfolio Items” with PRO

If it is, is there a way to remove all the all the default Portfolio Item styling and items as Page Layout, Columns, Social share links, Autor, Date?

#2

Hi there,

Thanks for writing in! I have checked your site but I could not locate the portfolio items page. Could you please provide us with an example URL to one of your portfolio item, so that we should be able to assist you with a possible workaround.

Thanks!

#3

Hi There,

Please try adding this custom CSS under Pro > Theme Options > CSS:

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

Hope it helps :slight_smile:

#4

Much better! But, there still some items left behind, as the Portfolio Page Layout, and Portfolio Title.

#5

Hi There,

Do you want to remove the portfolio title and make the portfolio layout to fullwidth as well?

If yes, please add the following CSS also:

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

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

Let us know how it goes!

#6

Great! But, there still some more items VISIBLE or left behind, as the Portfolio Page Back Ground Top & Bottom Margin and Padding.

#7

Hello There,

To resolve the remaining issue, please make use of this code:

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

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

Hope this helps.

#8

Thanks, there still some more VISIBLE Padding at the Top and Bottom.

Additionally, for some reason, it feels like the loading time takes longer, is this possible when customizing the Portfolio Items with so much code?

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 {
    margin-top: 0;
    margin-bottom: 0;
}

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

Hello There,

Please update the 3rd piece of code and make use of this code:

.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;
}

Hope this helps. Please let us know how it goes.

#10

Thanks! This worked as needed.

Is there a future plan to implement a better way to edit Portfolio Items with PRO?

#11

Hello There,

It’s good to know that it works out for you. And yes there are several feature request to improve the Portfolio items. Once our developers integrates or add them, it will be rolled out in the next future updates.

Best Regards.

1 Like
#12

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