I am working on Sp2013 site and want to change the opacity of the overlay. This is the CSS that needs to be used:-
.ms-core-overlay {
background-color: rgba(255, 255, 255, 0.5);
}
I am setting the opacity from 0.85 to 0.5. I donot want to create a new css file and link it to the masterpage so I was trying to chagne the CSS via javascript on masterpage. Foll. is my code which is pasted right above the </head>
tag:-
<script language="javascript">
_spBodyOnLoadFunctionNames.push("HideBrandingsuite");
function HideBrandingsuite()
{
alert('test');
var elem = document.getElementById("ms-core-overlay");
elem.style.background-color = "rgba(255, 255, 255, 0.5)";
}
</script>
I can see the alert box, but the the overlay isnt getting updated with new opacity. Pls guide.
Is it possible to use <style>
tag on the masterpage before the </head>
tag to achieve the purpose? Example:- This doesnot work for me...
<style>
.ms-core-overlay {
background-color: rgba(255, 255, 255, 0.5);
}
</style>