Gradient template change colour of section

[TribeArts]

Hi There,

I am using the gradient footer template from Design Cloud in Pro.

I am wonder if it is possible to make the white section on the top of it transparent instead of white?
I can’t seem to find this setting to change it.

Would someone be able to assist please? https://unisonengineering.ie/

Thanks in advance,
Michaella

[tristup]

Hi Michaella,

If you are trying to make transparent the first section just under the header, you need to set the Section background color to transparent which is not set to the white.

Hope it helps.
Thanks

[TribeArts]

Hi there it is the white section at the top of the footer here that I am trying to make transparent? Nothing to do with the header?

Thanks,
Michaella

[tristup]

Hi Michaella,

The section you mentioned is already transparent, but the background color is coming from the top of the page where the background color is set to white. I would suggest you add the following custom CSS code into the Theme Options > CSS to change that color.

.site, .x-site
{
    background-color: #cccccc !important;
}

But changing background color may not serve your purpose, as you are expecting the section to be transparent which is already transparent.

Please remember that the above code will work if copied as it is and don’t conflict with any existing style.
Please note that the code provided serves only as a guide to help you get started custom coding on your own if there’s no option offered in our theme or the products we bundle.
We really do not provide support for custom codes that means we can’t fix it in case it conflicts with something on your site nor will we enhance it.

Thanks

[TribeArts]

Thank you for that info. Also I am looking to change the footer on one page. The Footer is set to all pages but I cannot seem to change just the one page with that setting selected. Is there a way to do this that is easier then having to set the condition to specific page for all of the pages on the website? and a different footer for the one page?

Thanks,
Michaella

[tristup]

Hi Michaella,

Glad that helps you. To add a specific footer to a specific page, you need to add the condition for that specific page in the footer.

Hope that helps.
Thanks