Forums

Autonav styling

Permalink
Hi,

I would like to style my autonav a bit.

Not much, just change the indent size of the breadcrumb menu. Its very large.

Is this a css thing? I have an ul and li class set up in my style sheet and it affects somethings but not all.

Any ideas?

Nige
nige
 
mario replied on at Permalink Reply
mario
Make sure that you're targeting the breadcrumb nav using a containing id. This also helps not to interfere with C5's core styles in the Editor:

for example:

#primaryContent .breadcrumb a {
  padding-right:5px;
}
/* or */
#primaryContent ul li {
  padding-right:5px;
}
#primaryContent ul li ul li {
  padding-right:5px;
}
/* and not */
.breadcrumb a {
  padding-right:5px;
}


which won't work
nige replied on at Permalink Reply
nige
cheers dude, your a good concreter...
mek113 replied on at Permalink Reply
I have an autonav styling question too. I want to remove the underline for the links for the sidebar navigation. None of the links in the main.css or the topography.css have underlines so I can't figure out what file is controlling this. I'm using the Natural Essence theme.
nige replied on at Permalink Reply
nige
You should be able to do that with css.

In main or typography. If your autonav is in the sidebar (it often is) do a

#sidebar ul li

or

#central #sidebar ul li {text-decoration:none;}

should do the trick.

Nige
mek113 replied on at Permalink Reply
I checked the "view source" code to see what styles control the auto nav and the style classes are not in main.css or topography.css. It's probably an issue with this particular theme I'm using - natural essence. I suspect they are dug deeply in the core files but 1) didn't know where to start looking 2) afraid of touching core files.
frz replied on at Permalink Reply
frz
you could apply a custom template to that block to control UI as well.
mek113 replied on at Permalink Reply
I finally determined that the main stylesheet for the natural essence theme had the wrong class for the autonav. Once I changed the stylesheet class name to match the document, everything worked fine.