Portfolio Page wont change color

[LucyKeile]

Hi guys,

I looked everywhere here and could not find an answer to this. I have updated some plugins and not the background of the portfolio changed to white. I have set the entire site bkg to black on theme settings. I added this code on CSS
.x-portfolio {
background-color: #000000;
}

But I still have a white area around this - can you please tell me how to fix it. Thanks

https://sixsenserecords.com/releases/

[ruenel]

Hello @LucyKeile,

Thanks for writing in!

You are using Ethos stack. By default, Ethos has a built-in design with a white background color. To get around this styling, you will need to use this custom CSS instead:

.page-template-template-layout-portfolio .x-container.main:not(.x-row):not(.x-grid):before {
    background-color: transparent;
}

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

[LucyKeile]

These links won’t work

[ruenel]

Hey @LucyKeile,

Sorry for the links. It was intended for internal review.
Please apply the code I have provided in my previous reply.

Regards.

[LucyKeile]

the code worked for the main portfolio page but not for each individual. You can see here I still have white background. https://sixsenserecords.com/releases/dreams-absolute/

[ruenel]

Hello @LucyKeile,

The given code is intended for the portfolio page only. If you want to apply it to single portfolio posts, you can update the code:

.page-template-template-layout-portfolio .x-container.main:not(.x-row):not(.x-grid):before,
.single-x-portfolio .x-container.main:not(.x-row):not(.x-grid):before {
    background-color: transparent;
}

If this is NOT helping, provide us access to your site so that we can check your settings. Please create a secure note with the following info:
– Link to your site
– WordPress Admin username / password
​
To know how to create a secure note, please check this out: https://theme.co/docs/getting-support

Regards.

[ruenel]

Hello @LucyKeile,

The given code should work for the portfolio page item:

.page-template-template-layout-portfolio .x-container.main:not(.x-row):not(.x-grid):before,
.single-x-portfolio .x-container.main:not(.x-row):not(.x-grid):before {
    background-color: transparent;
}

After your saving your changes, you MUST purge your site caches since you have installed SG Optimizer plugin.

Please let us know if this works out for you.