CSS Vertical Align Div with CSS Table and Flexbox

Glenn Glenn's Blog 0 Comments

A straightforward approach with CSS Table This approach has been around for ages, but is still rarely used over absolute div positioning. We simply add CSS table to the parent div and table-cell to the child div to be centred:- [css] .vertical-container { display: table; } .vertically-centered { display: table-cell; vertical-align: middle; margin: auto; /* optional */ float: none; /* optional */ …

Pagelines DMS Full Width Section

Glenn Glenn's Blog 0 Comments

Pagelines DMS is a great Framework for building awesome WordPress sites on, but it isn’t perfect (just yet anyway). It is however extensible and if for example you want a module/area of your site to do something you can simply create a custom section (see Pagelines Docs on creating a Section). We’ve already created a few for our own specific …

CSS for Mobile and Other Devices

Glenn Glenn's Blog 0 Comments

We’re all for responsive design techniques and also how sites display accross diefrent mobile devices and standard devices. Rather than adding scripts we’ve found the best way to target Devices is directly through CSS. Target Mobile Devices and Other Standard Devices with CSS This list is the most comprehensive and will cover most mobile devices. Just add the CSS directly …

Image with Background Image CSS

Glenn Glenn's Blog 0 Comments

I just wanted to share a very quick tip with you that I’ve recently used and was surprised to see worked cross-browser. I suppose I shouldn’t have been too surprised as it uses valid CSS markup, but anyhow. I wanted to give an existing image a background image and usually I would put the image in a ‘div’ or ‘li’ …