Pretty up boring lists with flexbox using flex-grow. .grid-list { display: flex; flex-flow: row wrap; gap: 20px; } .grid-list li { background: #dddddd; padding: 10px; text-align: center; font-weight: 500; text-transform: uppercase; letter-spacing: 1px; border: 1px solid #999; flex-grow: 1; } .entry-content … [Read more...] about Service Items With Flexbox
CSS
Add A Transparent Color Layer To A Soliloquy Slider
A popular design trend you will see on a lot of newer themes, is a saturated or darkened banner. I really like this style, it makes the banner less distracting, and conveys a clean and professional look. It also gives a lot more contrast to any text or buttons you plan to display on the banner. I find myself constantly forgetting how to do this, hence the quick and simple … [Read more...] about Add A Transparent Color Layer To A Soliloquy Slider
How To Add Or Remove Footer Widgets On Genesis Themes
Genesis WordPress themes typically come with three footer widgets installed. With a little bit of math and a simple edit to one line of code, you can modify the number of footer widgets. Not all site containers or 'wraps' have the same width. This tutorial breaks down how to calculate the CSS you will need to apply to those elements widths. If you're not here for an … [Read more...] about How To Add Or Remove Footer Widgets On Genesis Themes
Add A Line Through Your Titles With CSS
There’s a lot of creative things you can do to make the typography unique on your website. A web designer friend of mine, Nina Cross, showed me a simple trick you can do to make your titles stand out. In the example below, you can see the technique that adds some extra contrast to the title. Example Title This can be achieved with a few simple lines of CSS. Here’s the … [Read more...] about Add A Line Through Your Titles With CSS
Creating A Horizontal Gravity Form Using CSS
Update 10/13/17: In the comments Gray Ayer pointed out that Gravity Forms has a CSS Ready class for making horizontal forms: gf_simple_horizontal. I recommend trying this as it may be an easy solution. This class may not work for all themes and environments, the post below goes into more detail if you need to do it yourself. Why Horizontal Forms Are Awesome Gravity Forms … [Read more...] about Creating A Horizontal Gravity Form Using CSS