Hiding the breadcrumbs in the Oxygen WordPress theme

To hide the grey breadcrumb box and links, add the following code to the bottom of the style.min.css file

.breadcrumbs {
display: none;
}

Also, I found the formatting of style.min.css to be just a big block of code. Very hard to read. For example, like this –

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}figure{margin:0}html{font-size:1em;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0;font:0.75em/1.75em 'Helvetica Neue',Helvetica,Arial,sans-serif;color:#444;background:#fff;padding:0}::-moz-selection{background:#000;color:#fff;text-shadow:none}::selection{background:#000;color:#fff;text-shadow:none}a,a:visited{color:#0da4d3;text-decoration:none}a:hover{text-decoration:none;color:#000;border-bottom:1px solid #0da4d3}a:focus{outline:none}

Fortunately there’s http://procssor.com/ to clean things up and make CSS comprehensible!

audio:not([controls]) { display: none }
[hidden] { display: none }
figure { margin: 0 }
html {
font-size: 1em;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
font: 0.75em/1.75em 'Helvetica Neue',Helvetica,Arial,sans-serif;
color: #444;
background: #fff;
padding: 0;
}
::-moz-selection {
background: #000;
color: #fff;
text-shadow: none;
}

Leave a Reply

Your email address will not be published. Required fields are marked *