how to remove background color in bootstrap

12,669

Solution 1

#fh5co-hero .fh5co-overlay {
    background-color: transparent !important;
}

Solution 2

For the record, in Bootstrap 4 this can be achieved with the bg-transparent class.

Solution 3

Please try this:

background-color: transparent;

12,669

Lilan

Updated on June 04, 2022

Comments

Lilan almost 2 years
need to remove background color of My following bootstrap
```
#fh5co-hero .fh5co-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9;
  background: #3b3d40; // need remove background color
  opacity: .5;
}
```
how can I do it?
- JYoThI over 6 years
  
  Please Explain bit more .
- Anant - Alive to die over 6 years
  
  lol. comment that line or remove that line
- yılmaz over 6 years
  
  did you try to remove this row of code?
- Lilan over 6 years
  
  comment not succuse...
- Lilan over 6 years
  
  remove also not sucess
- Lilan over 6 years
  
  I need keep background color:none;
- Bilal Ahmed over 6 years
  
  add complete html code with css
- Lilan over 6 years
  
  this is bootstrap style.css line 7593
- Bilal Ahmed over 6 years
  
  your html code?
- Lilan over 6 years
  
  <header id="fh5co-hero" data-section="home" role="banner" style="background: url(images/ship.jpg) top left; background-size: cover;" >
- Bilal Ahmed over 6 years
  
  remove id id="fh5co-hero"
- Lilan over 6 years
  
  when I remove id="fh5co-hero" banner will small
- Bilal Ahmed over 6 years
  
  use custom css (example: add css in style tag width and height)
Lilan over 6 years

same result here
Aydin4ik over 6 years

Add this line to your stylesheet file and add your stylesheet file after the bootstrap.css on your page.
Gel over 4 years

this worked in bootstrap 4 trying remove the background overlay that card-footer has. Thanks. (2019)
EmilCataranciuc almost 4 years

Make sure nothing overrides or enforces a specific style. Use Dev Tools to debug.