Color Section and Grid Row Section repeats Background Gradient

Hello
i wanted to have a background with a gradient color and a .png pattern on the entire page.
This works fine.
The problem that i have now is that if i use a COLOR SECTION or a GRID ROW SECTION inside my page the Gradient Background and Pattern gets repeated.
I want to have the Background on the entire page, without getting cut or repeated by a Color section.

THX for helping me!

This is my CSS for the background:

.main_color {
background-image: url(//ragusach.cbsanetwork.ch/wp-content/themes/enfold/images/background-images/noise-for-dark-background.png), -webkit-radial-gradient(center, ellipse cover, #f7a71f 33%,#eb510c 100%); /* Chrome10-25,Safari5.1-6 */
background-image: url(//ragusach.cbsanetwork.ch/wp-content/themes/enfold/images/background-images/noise-for-dark-background.png), -moz-radial-gradient(center, ellipse cover, #f7a71f 33%, #eb510c 100%); /* FF3.6-15 */
background-image: url(//ragusach.cbsanetwork.ch/wp-content/themes/enfold/images/background-images/noise-for-dark-background.png), -ms-radial-gradient(0% 100%, rgb(20,150,254), rgb(119,117,174));
background-image: url(//ragusach.cbsanetwork.ch/wp-content/themes/enfold/images/background-images/noise-for-dark-background.png), radial-gradient(ellipse at center, #f7a71f 33%,#eb510c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+ Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=’#f7a71f’, endColorstr=’#eb510c’,GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }

• This topic was modified 6 years, 9 months ago by sschuler.