Home › Forums › Support › CSS: remove linear-gradient but keep background image This topic has 3 replies, 2 voices, and was last updated 2 years, 1 month ago by David. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts April 10, 2020 at 11:11 pm #1234764 Michael Hi guys I have the following CSS: .page-hero { background-image: linear-gradient(0deg, rgba(0,0,0,0.49),rgba(0,0,0,0.49)), url(https://test.com/wp-content/uploads/2020/04/image.jpg); } The goal is to remove the gradient black color but keep the background image individual for each page. I have tried several approaches but could not figure it out. Any help on this is greatly appreaciated. Thanks in advance Michael April 11, 2020 at 6:05 am #1235025 DavidStaff Customer Support Hi there, You can simply edit your Header Element – set the Background Image to Featured Image and disable the Background Color Overlay Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ April 11, 2020 at 8:07 am #1235287 Michael Ah – found it, thank you very much David! April 11, 2020 at 9:46 am #1235395 DavidStaff Customer Support You’re welcome Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In