Add shadow below navbar (Elegance)

Add shadow below navbar (Elegance)

by Carl Durose -
Number of replies: 2

Hi,

I've managed to make the navbar in theme Elegance (2.7.1) stick to the top of the window using navbar-fixed-top and adding 55px padding to the moodle-header. Creating the changes in themes>elegance>layout> default.php, my.php and main page.php.

I would like to know if anyone knows a code to add a shadow below the main navbar so as it stands out as one scrolls down. 

I'm using moodle 2.8.1


Many thanks!

Average of ratings: -
In reply to Carl Durose

Re: Add shadow below navbar (Elegance)

by Mary Evans -
Picture of Core developers Picture of Documentation writers Picture of Peer reviewers Picture of Plugin developers Picture of Testers

box-shadow: 0 0 20px rgba(0, 0, 0, 0.75);

added to the css selector for your navbar should work.

Cheers

Mary

Average of ratings: -
In reply to Mary Evans

Re: Add shadow below navbar (Elegance)

by Carl Durose -

Hi Mary


Many thanks for your prompt response, worked perfectly!


I think part of the issue was, I was looking at the .php files to edit rather than the .css.



Average of ratings: -