Tribute Page. jumbotron and box-shadow

Tribute Page. jumbotron and box-shadow
0

#1

Hi, i’m a beginner. At the moment completing task to create a Tribute Page.
I tried to apply box-shadow property to a div with bootstrap .jumbotron class and it didn`t work.

<div class="jumbotron img-shadow" style="padding:2px;">
        <img class="img-responsive" src='//discourse-user-assets.s3.amazonaws.com/original/3X/4/c/4c6bf98994de49ebe8fcb22b6e2a24e958f03bfd.jpg' alt="keanu">
        <p><em>Just a random photo of Keanu</em></p>
      </div>

and this style

.img-shadow{
  box-shadow: 0px 0px 50px 50px rgb(0,65,60,0.95) !important;
}

Could anyone help and explain why div doesnt inherit the properties of another class?


#2

Do you have a link to codepen?

I tried it and the jumbotron gets the box-shadow from .img-shadow, even without !important.


#3

#4

Here’s what it looks like. The jumbotron does inherit styles from another class.


#5

I still can’t see the shadow =(


#6

Solved. A stupid syntax mistake… insted of rgb() i should use rgba() as i added transparency. Thanks, anyway)