BookiesPizza Posted March 9, 2022 Share Posted March 9, 2022 Hi, I'm trying to create a gradient background for my footer. From Hex color FFFAE9 on the top to 6FD3B4 on the bottom. I've tried this code, but couldn't get it to work. body.homepage footer#footer-sections {background: rgb(111,211,180); background: linear-gradient(to right, 0deg, rgba(111,211,180,1) 0%, rgba(255,250,233,1) 100%);} any help would be much appreciated! Link to comment
tuanphan Posted March 13, 2022 Share Posted March 13, 2022 Try this code footer.sections .section-background { background-image: linear-gradient(to right, 0deg, rgba(111,211,180,1) 0%, rgba(255,250,233,1) 100%); } sarawhite 1 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
HWE Posted February 24 Share Posted February 24 Hi, I had a gradient in the footer of my site which has now disappeared. I have tried to use the above code but it doesn't seem to work. I am trying to get a gradient in the footer from the bottom to the top, where the bottom is 100% yellow (HEX #F9FF00) and the top transparent. Any ideas? https://www.hotwireextensions.com/home Thanks so much! Link to comment
tuanphan Posted February 27 Share Posted February 27 On 2/24/2023 at 7:14 PM, HWE said: Hi, I had a gradient in the footer of my site which has now disappeared. I have tried to use the above code but it doesn't seem to work. I am trying to get a gradient in the footer from the bottom to the top, where the bottom is 100% yellow (HEX #F9FF00) and the top transparent. Any ideas? https://www.hotwireextensions.com/home Thanks so much! Use this code footer.sections .section-border { background-image: linear-gradient(to right, red , blue);background-image: linear-gradient(to right, red , blue); } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment