I'd like to modify the existing typography for code wrapper (screen cap attached)
- change font size to 16pt
change font type to match floated blocks text
remove top and bottom grey line
Kind regards
Drew
pre, code {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #e5e5e5 #e5e5e5 #e5e5e5 #1dbaf4;
border-image: none;
border-style: solid;
border-width: 1px 1px 1px 5px;
color: #383637;
padding-left: 32px;
}
pre, code {
background: none repeat scroll 0 0 #fff;
font: 0.92em/32px "Curier New",monospace !important;
margin: 36px 0 !important;
padding: 20px 26px !important;
}
pre, code, kbd, samp {
font-family: monospace,serif;
font-size: 1em;
}
Oscar E wrote:Hi,
here is default CSS code, now it's your turn
- Code: Select all
pre, code {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #e5e5e5 #e5e5e5 #e5e5e5 #1dbaf4;
border-image: none;
border-style: solid;
border-width: 1px 1px 1px 5px;
color: #383637;
padding-left: 32px;
}
pre, code {
background: none repeat scroll 0 0 #fff;
font: 0.92em/32px "Curier New",monospace !important;
margin: 36px 0 !important;
padding: 20px 26px !important;
}
pre, code, kbd, samp {
font-family: monospace,serif;
font-size: 1em;
}