bug: I can change footer to any color, but I can’t set it to transparent
See original GitHub issueBug Report
Ionic version: [x] 4.x
Current behavior:
So I have this footer
through the chrome dev tools I can play around with its style and I can totally see how setting its color to anything works perfectly
But setting it to transparent doesn’t work, it stays white
Expected behavior: I expected the footer itself to be transparent and the components on it to stay visible
Steps to reproduce: Just create a footer, try setting it’s background-color to red and see it working, and then try setting it to transparent and it’ll be white.
Ionic info:
Ionic:
ionic (Ionic CLI) : 4.12.0 (C:\Users\SCuragau\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : @ionic/angular 4.3.0
@angular-devkit/build-angular : 0.13.8
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.3.8
@ionic/angular-toolkit : 1.4.1```
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (3 by maintainers)
Top Results From Across the Web
Can't change background on a footer - Stack Overflow
If you don't care at all about the background color of those divs , just make them transparent (ie: background: none or background-color: ......
Read more >Transparent Headers in Astra Header Footer Builder - YouTube
Each step is explained in detail and all settings are outlined in detail. Not only do we show you how to create amazing...
Read more >Set Footer background color to transparent?? - Catch Themes
Hello,. How can I reset the footer background color to transparent? If I click the default button in the customize menu under “Color...
Read more >How can I make the footer a different color from the header ...
If you want to change the color of a footer Widget, you can go to Customize–>Widgets. Select the footer widget area (such as...
Read more >Transparent Header – Submenu background turns into white
The update makes me changing the background color back again however I can never revert it to transparent. Also, when I choose any...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
We would be open to discussing exposing the
backdrop-filter
value as a CSS variable in the future. However, that would only really happen once Chrome supportsbackdrop-filter
out of the box.I am going to close this as this issue is resolved. Thanks for using Ionic!
Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.