StudioPress

Forum navigation

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

General Overview Question on PSDs and Genesis

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.

Community Forums › Forums › Archived Forums › General Discussion › General Overview Question on PSDs and Genesis

This topic is: not resolved
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • October 23, 2013 at 1:12 pm #68475
    brownrecluse
    Member

    I have a general question regarding genesis and mainly how to use the grid system. I'm a freelancer, and my main client is now using Genesis and want's me to start designing psd themes that another person will put into Genesis.

    I have this psd file to work from, but I don't understand how the grid system works. They said they need it to be in a 1140px grid. Not sure if I need to align certain elements within certain areas or what I need to do.

    This is the file I'm working from:

    http://i.tinyuploads.com/y6mG1s.jpg

    Any help at understanding this would be appreciated it.

    thanks!

    Jeff

    http://i.tinyuploads.com/y6mG1s.jpg
    October 23, 2013 at 3:36 pm #68496
    blogjunkie
    Participant

    Hi Jeff

    The 1140px grid is just like any other grid system you may have worked with and is just a guide. Most Genesis child themes are laid out on the 1140 grid but collapse to 960/980 on for smaller screens, so I would advise you to start by observing how these designs have aligned their elements according to the grid:

    http://www.genesisframework.com/
    http://demo.studiopress.com/eleven40/
    http://demo.studiopress.com/minimum/

    Homepage


    http://demo.studiopress.com/metro/

    If you layer your design on top of the layout of the above – your content and sidebar widths match the above – you should be ok. Good luck!

    WordPress evangelist, Nike runner, Apple fanboy.
    Work: ClickWP WordPress Support, Play: adventures of a blogjunkie. Talk to me on Twitter @blogjunkie

    October 23, 2013 at 3:44 pm #68497
    brownrecluse
    Member

    Hey Blogjunkie,

    Thanks for the response. I think my confusion is the vertical grids within the 1140px width. Does every single one of my elements in my design need to line up with a vertical grid, or do I just basically need to make sure that the width of the design does not exceed 1140? I'm having a hard time just wrapping my head around the basic concept here, and can't seem to track down a simple breakdown of how this works, specifically tied to the psd file I'm creating.

    Thanks!!

    Jeff

    October 25, 2013 at 12:41 am #68791
    blogjunkie
    Participant

    Don't think of alignment. Just try to make everything look neat. If it doesn't look neat, perhaps it's not lined up vertically. That's where you refer to the grid.

    The grid is just a guide. You can make your own grid, as long as it's neat.

    WordPress evangelist, Nike runner, Apple fanboy.
    Work: ClickWP WordPress Support, Play: adventures of a blogjunkie. Talk to me on Twitter @blogjunkie

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