Div not displaying/showing - unable to assign box-shadow

Question

A div area isn't behaving normally.

Here's the link

(all the styles are in theme.css files)

In the HTML file there is a <div> which starts on line 89 and ends on line 94, has two classes assigned to it, I cannot apply box-shadow property to it, I have set the display to block, set the background color to black to check if it displaying but for some wired reason it just does not display.

I could apply margin to the div (theme.css line 280).

Any help on how to display it normally (with the box-shadow) would be appreciated.

Thanks in Advance

Answer 1

You can't add the box-shadow property because the div.dropdown-toggle (the element in question) has not a height and a width.

Try putting (like a test) these CSS rules:

div.dropdown-toggle {
   width: 100px;
   height: 100px;
   box-shadow: 1px 1px 2px #333;
}

You'll see the div with the shadow.

Cheers, Leo