geckon wrote
Hi, I would like to get an advice from you. I use both hierarchical breadcrumbs (tpl_youarehere()) and the "regular" ones (tpl_breadcrumbs()) in my dokuwiki. They are both of the same size (I mean size of the font) but I would like to make the hierarchical bigger than the regular breadcrumbs. I tried to create /conf/userstyle.css file with the following contents:
.breadcrumbs {
font-size: smaller
}
.curid {
font-size: larger
}
It seemed to work when there was one item in each list of breadcrumbs but when there appear more of them the result is not so good
.curid is only for the
current
ID to show that that is the page you are on. There is no way with pure css (except probably with CSS3 pseudo-class selectors), so you need to add another class to each list of breadcrumbs. Which template are you using?
At least in the default template (main.php) it would need to be something like this:
<?php if($conf['breadcrumbs']){?>
<div class="tracking breadcrumbs">
<?php tpl_breadcrumbs()?>
</div>
<?php }?>
<?php if($conf['youarehere']){?>
<div class="hierarchical breadcrumbs">
<?php tpl_youarehere() ?>
</div>
<?php }?>
Then you can change the font sizes by adding:
.breadcrumbs.tracking {
font-size: smaller;
}
.breadcrumbs.hierarchical {
font-size: larger;
}
geckon wrote
2) Is there any way how to change the order of these two breadcrumbs lists (so the hierarchical one would be the upper one)? I know it is possible by modifying the source code but I would like to know some easier and cleaner way.
3) If it (the second question) is not possible - would you consider it good to change the default order of the lists?
The best way is to change the order directly in the template (main.php). Why do you think that's not easy and clean?
In case you're using the default template, you can simply copy the whole template folder and rename it to something else. That way your changes won't get lost when you upgrade the wiki.