Centering a div horizontally
It will make the inner element center horizontally and it works without setting a specific width.
Working example here:
#inner {
display: table;
margin: 0 auto;
}
<div id="outer" style="width:100%">
<div id="inner">Foo foo</div>
</div>
Source:
http://stackoverflow.com/a/114549
http://stackoverflow.com/questions/114543/horizontally-center-a-div-in-a-div?rq=1
Freezing a tooltip (popup or modal) to edit CSS in Developer Tools window
To freeze a popover while shown or a modal window or a tooltip in hover state, or any other element that appears in hover state:
- F12 - to open a console.
- Hover over the element, the tooltip will appear.
- Alt+TAB to switch to the "Developet Tools" window.
- Go to Sources and press F8 there. The current state will freeze.
- Return to the tooltip and work with CSS.
"if ie6" in Thematic child theme
add this to your child's functions.php:
function add_conditional(){ ?>
<!--[if IE]-->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_directory');?>/all-ie-only.css" />
<!--[endif]-->
<?}
add_action('wp_head','add_conditional');