question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: I can change footer to any color, but I can’t set it to transparent

See original GitHub issue

Bug Report

Ionic version: [x] 4.x

Current behavior: So I have this footer image 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 image image But setting it to transparent doesn’t work, it stays white image image

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:closed
  • Created 4 years ago
  • Comments:6 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
liamdebeasicommented, May 14, 2019

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 supports backdrop-filter out of the box.

I am going to close this as this issue is resolved. Thanks for using Ionic!

0reactions
ionitron-bot[bot]commented, Jun 13, 2019

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.

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found