How To Vertically Align Blocks Using CSS

Author: , June 4th, 2020

Outer Block – set the line-height: {some value} Inner Block – set the line-height: normal, along with display: inline-block; vertical-align: middle; Also works if you set OUTER height instead of the line-height (or together with the same value as the height).

How To Calculate CSS Height On The Fly Using Calc

Author: , March 25th, 2020

I needed to use an iframe between a pre-defined header and footer that would auto-fill the full height on any size screen. On a desktop, the combined height of the header + footer was 223px and for mobile was 157px, so below find the CSS example: calc(100vh – 223px) – for desktop calc(100vh – 157px) […]

How To Make the SMF Post Edit Area Taller

Author: , November 3rd, 2009

Edit the Themes/default/GenericControls.template.php file. Insert the following after line 9, adjusting for desired height: $editor_context[‘height’] = ‘400px’; For example: [code firstline=”9″] $editor_context = &$context[‘controls’][‘richedit’][$editor_id]; $editor_context[‘height’] = ‘400px’; [/code]