Custom CSS to make one portfolio page full width

Support
#1

Hi,
Is it possible to use Custom CSS on a specific portfolio item to achieve Full Width layout, leaving the other portfolio pages the same?

#2

Hello @pablo102,

Thanks for writing in!

Yes, you can have a specific portfolio item to have a fullwidth layout. Simply edit the portfolio item, find the Portfolio Item Settings and insert custom fullwidth body class.

You will have to add the following CSS code in the X > Theme Options > Global CSS (http://prntscr.com/evui3r)

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

We would love to know if this has worked for you. Thank you.

#3

Thank you!
Almost there, I just need the container to fill the entire available space, or have narrow margins.

#4

Hey @pablo102,

The portfolio container is already filling the space. Please look at the blue highlight in the screenshot below.

Since you’re using Cornerstone, maybe you mean the Row container? See the orange highlight in the screenshot below.

In that case, turn off the Row’s Inner Container under the Row Setup settings.

Hope that helps.

#5

I see, that must be the Column Container in my X-theme.

#6

Thanks for trying it out.

#7

Thank you for your help, all sorted now!

#8

You’re most welcome!
We’re glad we were able to help you out.

#9

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