Portfolio item full width not working

[Tierramitica]

Hello,

I am trying to get my portfolio items to stretch full width, without margins or padding. I already tried several pieces of code I found on the forum, but without any result. I am working with the Integrity stack.

This is what I tried so far:

/Full screen portfolio/
.single-x-portfolio .entry-wrap {
padding: 0;
}

/Full screen portfolio/
.single-x-portfolio .x-portfolio .entry-info,
.single-x-portfolio .x-portfolio .entry-extra {
float: none;
width: 100%;
}

/hide the feature image and extra sidebar on single portfolio/
.single-x-portfolio .entry-featured,
.single-x-portfolio .entry-extra {
display: none !important;
}

.single-x-portfolio .entry-info {width: 100% !important;}
.single-x-portfolio .entry-extra {display: none !important;}

.option-set .x-portfolio-filters {
display: none;
}

None of this has the result I am looking for. Thank you for the ever great help.

[prakash_s]

Hello @Tierramitica,

Thanks for writing to us.

In order to make the portfolio single page content full width I would suggest you please add this custom CSS code under Theme Options —>Custom Code —>Global CSS

.single-x-portfolio .x-container.max {
max-width: 100% !important;
width: 100% !important;
}
.single-x-portfolio .entry-wrap.cf {
padding: 0 !important;
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

[Tierramitica]

Hello, this absolutely worked! I was trying to do it on my own, but I could not get it right, the portfolio is more complicated than regular pages… Thanks!

[tristup]

Hi @Tierramitica,

Glad that we are able to help you.

Thanks