How to add background-image title using CSS?

Question

header {
   float: left;
   padding: 5px 0 0 0 ;
   width: 100%;
   background-image:url('../img/Kef_Beach.jpg');

}

I need to add background-image title also. How can i add using css only.

Answer 1

Add an id or unique class to that modal container and apply css rules. If that does not have work..You may need to go to the extreme of adding !important; to new attributes changed.

Also note that you are not overriding all css rule if you just insert .fade.in{}. You need to insert what attributes you'd like to override, for example is it opacity, background-color?

Take for example this

body{
background:green;
}
.modal-box{
  width:100px;
  height:100px;
  background:red;
  color:blue;
  opacity:1;
}
#override{
  background:blue;
  color:red;
  opacity:0.3;
}

<div class="modal-box" id='override'>
Modal Box
</div>

What have you noticed in this snippet?

I override background color, font color and opacity of the div by adding those new rules after the modal-box rules.