Full Width Portfolio Code not working

[reginar]

Hi there,

I’ve tried several CSS options I found on this forum, but non of them seem to work to get my portfolio items full width. Such as these (together and separate):

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

.x-portfolio .entry-info {
width: 100%;
}

Any thoughts?

https://reginar.photography/gallery/urban-dynamic/ (but goes for any gallery)

[nabeel]

Hi @stinos,

Thank you for reaching out to us. There is a right padding on your single portfolio pages which is preventing the page to go fullwidth, please add the following code as well:

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

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[reginar]

@Nabeel

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

Worked, thanks!

[ruenel]

You’re welcome!
We’re glad @Nabeel were able to help you out.