Background CSS


Hello!. I am trying to make my entire page this gradient background however I cannot figure it out. Using .page identifier gives me this page which does not work. the body identifier does not work as well. this is the gradient I want to use:
background: rgb(126,195,132);
background: linear-gradient(180deg, rgba(126,195,132,1) 0%, rgba(63,120,86,1) 25%, rgba(69,98,93,1) 50%, rgba(106,165,169,1) 75%, rgba(163,210,213,1) 100%);

I would like this background applied to the entire page, including the white.

Hello @latasharma,

Thanks for writing to us.

In case you want to add a page background gradient I would suggest you please add this CSS selector and then add the custom CSS code to the Global CSS

body.page {
background-color: rgb(126,195,132);
background: linear-gradient(180deg, rgba(126,195,132,1) 0%, rgba(63,120,86,1) 25%, rgba(69,98,93,1) 50%, rgba(106,165,169,1) 75%, rgba(163,210,213,1) 100%);
}

The purpose of providing custom CSS is to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.In case you have no idea about coding you can subscribe to One where customization questions are answered.

Hope it helps.
Thanks

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