Hi:
I'm trying to use themes to completely hide the horizontal breadcrumb navigation bar. I can make it go away using fw_layout.css and the visibility parameter, BUT there always remains a white space that is of the same width as the original nav bar. When I use a CSS revealer tool (the firefox one), there is no html tag, class or id associated with that space. This suggests to me that this space represents a margin, a padding, or some other form of space. But i've been unable to figure out what that space is associated with in the html.
Does anyone have any tips for me?
Thanks
Ted
Ted, could you perhaps post a link to the website and course in question?
Hi Werner,
The site is at http://transc2.securesites.net/moodle3/
email registration is on.
note that in the login pages, where there is usually no breadcrumb navbar
there is no white gap, but once you log in to the course, a white bar appears where there would otherwise be a navbar.
here is a chunk of my fw_layout.css in the theme folder.
.navbar {
visibility:hidden;
margin-top: 0px;
width: 99.8%;
height: 25px;
border-style:none;
-right: 0px;
-left: 0.5em;
}
.frame_navbar {
width: 695px;
border-width:1px;
border-style:solid;
background-color:#FFCC66;
border-color:#666666;
height: 0px;
}
.breadcrumb {
-top: 3px;
-top: 3px;
-left: 3px;
}
.navbar .navbutton {
-right: 3px;
-top: 2px;
}
The site is at http://transc2.securesites.net/moodle3/
email registration is on.
note that in the login pages, where there is usually no breadcrumb navbar
there is no white gap, but once you log in to the course, a white bar appears where there would otherwise be a navbar.
here is a chunk of my fw_layout.css in the theme folder.
.navbar {
visibility:hidden;
margin-top: 0px;
width: 99.8%;
height: 25px;
border-style:none;
-right: 0px;
-left: 0.5em;
}
.frame_navbar {
width: 695px;
border-width:1px;
border-style:solid;
background-color:#FFCC66;
border-color:#666666;
height: 0px;
}
.breadcrumb {
-top: 3px;
-top: 3px;
-left: 3px;
}
.navbar .navbutton {
-right: 3px;
-top: 2px;
}
I registered and logged in - I see what you mean about the breadcrumbs trail: it doesn't display but its container is still there...
I am not sure what is causing this, but it would seem that this is hardcoded in the moodle core files and so CSS might not remove the empty bar... let's see if someone else replies to your post with a solution.
I am not sure what is causing this, but it would seem that this is hardcoded in the moodle core files and so CSS might not remove the empty bar... let's see if someone else replies to your post with a solution.
Change in .navbar
height: 25px;
to
height: 0px;
Thank you Mauno, it works for me in Moodle2.0, Standrad theme.
In core.css, line292:
.navbar {margin:5px 10px;border:1px solid #DDD;height:0px;}
Cheers
William,
Changing the height to 0px still leaves the div in place - surely it would be better to set display:none for the div, or better still look at the php where the navbar is being called and remove it from there in the first place.
But I'd suggest make the changes on a copy of standard rather than the core theme itself.
Richard