• Skip to primary navigation
  • Skip to footer navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

WP Fangirl

WordPress Consultant Sallie Goetsch

  • speakerdeck icon
  • Home
  • About
  • Why WordPress?
  • How I Work
  • Portfolio
  • Services
  • Blog
  • Contact
You are here: Home / Archives for Flexbox

Flexbox

CSS Grid Layout for Event List Widget with Flexbox Fallback Turn your Events Calendar list widget into a grid widget

May 13, 2017 by Sallie Goetsch 2 Comments

First row of event list grid display
This entry is part 10 of 13 in the series Modern Tribe Tutorials

With a few simple changes to your code, you can turn The Events Calendar’s event list widget into a grid of events with featured images. Follow this three-part tutorial to discover the magic of CSS Grid Layout. Continue Reading CSS Grid Layout for Event List Widget with Flexbox Fallback Turn your Events Calendar list widget into a grid widget

Filed Under: Using WordPress, Widgets Tagged With: CSS Grid Layout, Flexbox, Genesis Theme Framework, Tutorial

Falling in Love with Flexbox Video (WordCamp Sacramento 2016) Plus presentation Q & A

October 31, 2016 by Sallie Goetsch Leave a Comment

Sallie Goetsch speaking at WordCamp Sacramento 2016. Photo by John Locke.
This entry is part 10 of 17 in the series WordCamps

Watch the video from my WordCamp Sacramento 2016 presentation on Flexbox and read the audience Q & A. Answers improved in hindsight with some additional research. Continue Reading Falling in Love with Flexbox Video (WordCamp Sacramento 2016) Plus presentation Q & A

Filed Under: WordPress Events Tagged With: #wcsac, WordCamps, Flexbox

WordCamp Sacramento 2016 Slides and Code Falling in Love with Flexbox

October 23, 2016 by Sallie Goetsch Leave a Comment

Sallie Goetsch presenting on Flexbox at WordCamp Sacramento 2016
This entry is part 8 of 17 in the series WordCamps

Here are the slides and code samples from my WordCamp Sacramento 2016 presentation: Falling in Love with Flexbox, along with an outline of what I covered. Continue Reading WordCamp Sacramento 2016 Slides and Code Falling in Love with Flexbox

Filed Under: WordPress Events Tagged With: #wcsac, WordCamps, Flexbox

How to Create a Checkerboard Layout with Full-width Background for Post Type Archives with Flexbox and Genesis

September 19, 2016 by Sallie Goetsch 4 Comments

red and black checkerboard

A “checkerboard” layout is one where images and text appear in alternating squares. The alternation is actually the important part, as the containers aren’t always exactly square and may not all be the same size. The StudioPress child themes Author Pro and Atmosphere Pro use this design pattern quite effectively. One advantage to this layout is… Continue Reading How to Create a Checkerboard Layout with Full-width Background for Post Type Archives with Flexbox and Genesis

Filed Under: Using WordPress Tagged With: Flexbox, Genesis Theme Framework, Tutorial

Horizontal Events Widget for Events Calendar Pro — Now with Flexbox!

June 29, 2016 by Sallie Goetsch 10 Comments

Horizontal events widget created with flexbox: desktop view
This entry is part 9 of 13 in the series Modern Tribe Tutorials

Use flexbox to create an Events Calendar Pro widget that shows four items across on large screens, two items across on medium screens, and a single column of items on small screens. Continue Reading Horizontal Events Widget for Events Calendar Pro — Now with Flexbox!

Filed Under: Using WordPress Tagged With: Tutorial, Events Calendar Pro, Flexbox

Primary Sidebar

What I Write About

  • Book Reviews
  • Content Strategy
  • Design
  • Hosting and Servers
  • Most Valuable Plugins
  • There's a Plugin for That
  • Using WordPress
  • Widgets
  • WordPress Consulting
  • WordPress Events

Series

  • Interviews (5)
  • Checking Up on Your Website (4)
  • Client from Hell (5)
  • WordCamps (17)
  • WP-Tonic Roundtable (30)
  • Modern Tribe Tutorials (13)

RSS Latest News from the East Bay WordPress Meetup

  • Does It Work? Using The New CSS Layout with Rachel Andrew
    Things change rapidly in the WordPress world. The content in this post is more than a year old and may no longer represent best practices.Description Over the past two years, […] The post Does It Work? Using The New CSS Layout with Rachel Andrew appeared first on East Bay WordPress Meetup.
  • Speaker Training
    Get the workbook and slides for the October 2019 speaker training, plus background and pro tips. The post Speaker Training appeared first on East Bay WordPress Meetup.
  • SEO Audit Template & Resources
    Our November speaker, John Locke, graciously provided a template for an SEO audit report. You can download it as a Microsoft Word or PDF document. The post SEO Audit Template & Resources appeared first on East Bay WordPress Meetup.

Footer

Contact Info

2063 Main St #133 · Oakley, CA 94561

+1 (510) 969-9947

author-izer

sallie [at] wpfangirl [dot] com

Location

Map of East Contra Costa County

I live in Oakley, CA and run a WordPress Meetup in Oakland, CA. Don't confuse them!

Subscribe for New Posts

  • Since I blog on an unpredictable schedule, you might want to subscribe by email. I'll also send out occasional announcements about events.

  • Privacy Policy: I will never sell or rent your contact information.

  • This field is for validation purposes and should be left unchanged.
  • Contact
  • Colophon
  • Comment Policy
  • Privacy Policy
  • Five for the Future

Copyright © 2023 · Utility Pro on Genesis Framework · WordPress · Log in

MENU
  • Home
  • About
  • Why WordPress?
  • How I Work
  • Portfolio
  • Services
  • Blog
  • Contact