Porfoilio item fullwidth in Pro

Support
#1

Hi there,

I found this link about making items fullwidth

https://theme.co/apex/forum/t/portfolio-item-full-width/8509 .

However, I cannot do this in pro and I want to make the portfolio items full width instead of a % of the page

http://keighleyclay.com/portfolio-item/fruit-billet/

Thanks in advance

Chris

#2

Hi there,

You do not have any options to do so for the Portfolio. You can do it using the CSS code. Please kindly add the CSS code below to Pro > Launch > Theme Options > CSS:

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

Hope it helps.

#3

This works great, is it also possible to make it full width?

Thanks again

Chris

#4

Hi there,

It is possible to do so by adding the code below:

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

Further customization is outside of our support scope and it will be on your shoulders to do so. I suggest that you check the CSS tricks for such a thing:

https://www.w3schools.com/css/

Thank you.

#5

Hi Christopher,

Tha is great,

thank you for your assistance and have a good day.
Chris

#6

You’re welcome. Glad that we could be of a help :slight_smile:

#7

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