Snippets: CSS

Gravity Forms Ready Classes

Add classes to GF form fields; these are the most commonly used, but look at the others also.
CSS, Forms | Type: CSS

Proportional scaling of a container

There is more detail at the reference link for complex containers. .parent { height: 0; padding-bottom: 56.25%; /* 16:9 */ position: relative; } .child { position: [...]
CSS | Type: CSS

Pseudo Classes

Some very handy classes and selectors to know.
CSS | Type: CSS

Pure CSS triangle

Creates a triangle shape with nothing but CSS. Note that the border placement and color dictates triangle color and direction of pointer (opposite the visible border).
CSS | Type: CSS

Responsive Data Tables

Brilliant responsive trick for data tables, when you have no choice but to use them.
CSS, Responsive, Tables | Type: CSS

Responsive Table 2

View at link at bottom. This table does not show active CSS and javascript.
CSS, Javascript, Responsive, Tables | Type: CSS

We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Accept