css how to format code in the code tag

code { background: #f4f4f4; border: 1px solid #ddd; border-left: 3px solid #f36d33; color: #666; page-break-inside: avoid; font-family: monospace; font-size: 15px; line-height: 1.6; margin-bottom: 1.6em; max-width: 100%; &nb........

css br with extra blank line

The problem I was having is that a css template I was using was causing br's to have an empty line in between which is very undesirable especially when displaying code. br { display:none; margin: 0px; height: 0px; } Using CSS code like above will fix it. You technically shouldn't need the margin or height either.........

SMF Forums / Simple Machines Forums Not Displaying Images Theme or Styles Properly using 127.0.0.1

This is one thing that has me wondering about SMF. It is apparently a known issue but in the latest version and new install nothing looked right because it was using http://127.0.0.1 to find everything! How on earth would it ever do this or think it is normal? Excerpt of crazy html code it produces that causes the issue: <link rel="stylesheet" type="text/css&qu........

How to disable Google Fonts in Wordpress

edit theme css: Click "Appearance -> Editor -> Stylesheet" http://yourblog.com/wp-admin/theme-editor.php?file=style.css&theme=twentysixteen textarea { color: #1a1a1a; /*font-family: Merriweather, Georgia, serif;*/ font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif........

css responsive images

add this style="background-size: contain;max-width: 100%; height: auto;" to your img code. Example: <img style='background-size: contain;max-width: 100%; height: auto;' sr........

css .ul and .li how to remove the identation padding/margin from list items?

A common mistake is people think you should tell the li padding to be 0px but this is wrong. All you need is the following code in line: <ul style="margin:0px"> <li>your item</li> <li>your item</li> </ul> In a css class: .yourclass { ul.margin: 0px;........

How to modify HTML/Themeforest Themes to work in any path statically using unix/linux's sed command

For themes and custom CMS setups, the typical HTML theme is not ready to go at all but here are some common sed commands (search and replace that will get most of them working without breaking as you'd expect). The problem is that often the theme directory will be separate from the content and this will break the relative paths that these themes use. sed -i s/'href="'/'href="/themes/yourtheme/'/g index.html sed -i s/'src="'/'src="/themes/y........

css rounded image and background setting tutorial/example

<img src="/someimg.png" style="border-radius: 10px; -webkit-border-radius: 50px; -moz-border-radius: 10px;background:#FFFFFF">........

css custom table class howto

table.custom { border-collapse: collapse; border-style: solid; border-width: 1px; border-color: black; font-size: 11px; } table.custom td { border-collapse: collapse; border-style: solid; border-color: black; &........