Portfolio Page Background

Hi Guys!

How do I change the background color or pattern on my portfolio pages?

If you could please give me some direction, I would really appreciate it!

Thank you!

Hello @beta_c10inc,

Thanks for asking. :slight_smile:

Can you please share website URL for us to give you correct CSS code?


Thanks for the prompt reply!


Also, is there a way to add a section below the featured image?

Hello @beta_c10inc,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS to change portfolio background color:

.x-container.main:before{background-color: #ddd}


It’s not working for some reason…

Hi there,

Please try this:

.page-template-template-layout-portfolio .x-container.main:before {
    background-color: #efefef;
    background-image: none;

Thank you for your help!

That still didn’t work.

Something is over riding it still.

Please help!

Hi There,

Thanks for the update.
Please try this CSS and let us know how this goes.

.single-x-portfolio .x-container.main:before, .page-template-template-layout-portfolio .x-root {
background: #efefef !important;

Hope this helps!


Thank you for your help!

Its still not working though.

Also, is there a way to add a container for content below the featured image?

I really appreciate the support on this. Thank you!

Hello there,

It seems your portfolio page was unpublished when I’ve checked it. Are you still using that page?

If yes, can you share us the website URL of your portfolio page in a Secure Note?

Thank you.

Hello There,

Thanks for providing the information. To resolve your issue, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r)

.page-template-template-layout-portfolio .x-container.main:before,
.single-x-portfolio .x-container.main:before {
  background-color: transparent;

And then please edit the respective pages and portfolio to insert your custom background images.

Hope this helps.

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