How to change base background color to gradient background?

woodyf4u

Hi,
I would like to change the background of the emplate t4_bs5_blanc on the entire page.
Only the header and footer retain their own background color.
By disabling the background for palettes and sections in CSS, the background color that I can change with Base background color becomes visible.

This gives the entire page the background color I set.

But I would like to have a linear gradient instead of the color.

With which CSS code can I replace the Base background color for the gradient?

dominic

Hi woodyf4u,
Could you send me the site URL and a screenshot about the position that you mentioned here?

woodyf4u

This message is visible to Moderators only

hidden content

dominic

Hi woodyf4u,
I don't see your site URL anywhere.

woodyf4u

This message is visible to Moderators only

hidden content

dominic

Hi woodyf4u,

You can try the following CSS code:

body {
    background: linear-gradient(180deg, rgba(71, 147, 212, 1) 0%, rgba(255, 255, 255, 1) 100%) fixed;
}
/**Background for header + footer**/
#fds-toolbar, .navbar-default, footer {
    background-color: #f5f5f5 !important;
}

woodyf4u

I added the code to the custom css file at the end.
But I don't see any result.
Have I done something wrong?

dominic

Hi woodyf4u,
I have updated the CSS code in your site and you can check it now.

woodyf4u

Thank you very much.
I saw what you edited.
That apparently blocked the gradient.
Glad it works now.

Your support is great!