• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

CSS Grid and Studiopress / Genesis themes

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › CSS Grid and Studiopress / Genesis themes

This topic is: not resolved

Tagged: CSS grid

  • This topic has 5 replies, 5 voices, and was last updated 8 years, 1 month ago by ashleyf.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 23, 2017 at 2:12 pm #214772
    jhguynn
    Member

    I've been off the web design grid for a while, only to return and find "CSS Grid" is the new thing. Curious if someone here can comment in what manner this new CSS design standard will work its way into Studiopress theme code?

    For anyone not aware of CSS Grid, here are some points of reference:

    Rachel Andrews “Grid by example”
    https://gridbyexample.com

    Rachel Andrew: CSS grid layout

    Coding Tech: CSS Grid Changes Everything

    December 23, 2017 at 2:52 pm #214773
    Victor Font
    Moderator

    Questions on this forum are answered by community volunteers with no affiliation to Studio Press. Other than the information Studio Press makes public, we have no insight into their plans or development goals. Here's a tutorial I did that teaches how to replace the standard Genesis header with CSS Grid: https://victorfont.com/customize-the-genesis-header-with-css-grid-layout/

    Of greater concern to me is how Gutenburg in WordPress 5 will impact the Genesis Framework.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    December 24, 2017 at 10:54 am #214784
    Andrea Rennick
    Member

    Of greater concern to me is how Gutenburg in WordPress 5 will impact the Genesis Framework.

    Have you tried it? It's a post editor, for the admin side.

    It doesn't change anything in Genesis. All the options show.


    **forum signature**
    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

    December 25, 2017 at 7:09 am #214798
    Victor Font
    Moderator

    @Andrea, What you say is true about today's version of Gutenburg. In his last State of the Word address, Matt Mullenweg said it's going through at least 12 more iterations before it's released in WP5 and the plans for Gutenburg are to make a lot more than just a post editor. Gutenburg is planning to take over metabox creation, custom fields, shortcodes, the customizer, etc. The way we create customization options for Genesis themes will change. Gutenburg is moving code away from php and into js.

    While it allows the use of front end style sheets with the click of a button, even the way it stores content is changing. The content blocks are delimited by HTML comments embedded in the source. Its reusable content blocks will probably eliminate the need for code snippet plugins. It is literally going to change the way themes are created in the future. I suspect that it will render the majority of theme builders obsolete. I could be totally wrong, but with what I understand about the future of Gutenburg, there will be an impact to Genesis and the way we build out themes in the future.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    January 11, 2018 at 3:58 pm #215307
    Mark Corpuz
    Participant

    CSS Grid is very powerful when used in combination with Genesis. Just like any CSS code, it's something you simply add into your CSS to control or manipulate the way in which your content appears.

    But what CSS Grid can even do is literally move things around in ways that Genesis code always tried to work around. For example, if I wanted to move the header and make it a vertical column on the left, CSS Grid can do this easily.

    But to make such a change with your Genesis theme, it still helps to have a good understanding of the Genesis structural framework. Because the most of CSS Grid effects can move things around as long as they are within the same area relative to one another.

    It's quite confusing but also very wonderful if you learn how to use it well. It makes doing simple things like turning your blog posts into a regular grid just by using CSS alone pretty straightforward. I encourage you to look more into it.

    When it comes to Genesis Themes, I use CSS Grid when building child themes. It's become a core component that controls the layout of how things appear depending on the purpose it might serve.

    As for Guttenberg press, I'm really excited to see what it can do as I haven't tried it yet. Anything that gives people the option for modifying content that makes it convenient for clients to use is always a plus.


    Mark Corpuz
    626-590-6190
    https://SmarterWebPackages.com

    March 31, 2018 at 4:42 pm #218504
    ashleyf
    Member

    I just started working with Genesis and a studio press theme, and I just saw a video on Guttenberg and the future by Morten Rand Hendrickson. I’m concerned about what I should learn to customize both my theme/genesis. Guttenberg seems to bypass a lot of need for theme-specific php and css from this overview. I’m not sure the timeframe though.

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2026 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble