I am trying to style a BorderContainer with CSS and it isn’t working. It works fine doing inline styles, but I want to use stylesheets. I’m trying to use the baseClass to override any styling I can’t get it to work.
<div baseClass="bodyContent" dojotype="dijit.layout.BorderContainer"></div>
CSS
.bodyContent {
border-right: 10px solid #B5BCC7 !important;
border-left: 10px solid #B5BCC7 !important; }
When I inspect the element on the page, it doesn’t show the bodyContent styling. Can you not use baseClass to override styles in layouts? Any ideas?
baseClass is marked protected and is used by the widget internals to establish its own styles. Have you tried just using ‘class’? That should be carried over to the new DOM the widget creates and usable by your CSS selectors.