Full Width Portfolio

Support
#1

Hello!

We are looking to make our single post portfolio pages full width. I can’t seem to find the correct CSS to make it happen. I also want the page title removed. Can you folks point me in the right direction?

Here is the link. https://www.rinardmedia.com/case-studies/snake-river-robotics/

Thanks!

#2

Hi There @RinardMedia

Thanks for writing in! Upon checking your sample single portfolio post, I see that it’s already full-width.

To remove page titles from your single portfolio items, try adding the following CSS rule into your X -> Theme Options -> CSS area.

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

Thanks!

#3

There is a grey border going all around the post. It isn’t full width like the home page of the site. I want to be able to use the builder just like any other page for our portfolio.

#4

HI there,

Please try this code instead:

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

Hope this helps.

#5

That got me on the right track. Thank you! Here is the css I used to finish it off.

.single-x-portfolio .x-container.max.width.offset {
max-width: 100%;
width: 100%;
margin: 0;
}
.single-x-portfolio .entry-wrap {
padding: 0px;
}
.single-x-portfolio .entry-header {
display: none;
}
.x-portfolio .entry-extra {
display: none!important;
}

#6

Hey @RinardMedia ,

You’re welcome! We are just glad we were able to help you out.
It’s really good to know that it has worked for you.

Cheers.

#7

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