Title: Row level CSS classes to support Foundation alignment classes
Last modified: November 17, 2017

---

# Row level CSS classes to support Foundation alignment classes

 *  Resolved [Andres](https://wordpress.org/support/users/andrespr/)
 * (@andrespr)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/)
 * Hello! I can add custom CSS classes to the section and cell tags via the UI, 
   but adding row level classes doesn’t seem to be supported. For example, to vertically
   center content with the default Foundation class of align-middle, I would need
   to add it to the row. Yes, I can define section.align-middle, but is there a 
   way to choose to add CSS classes to the row via the UI? Thank you, and apologies
   if I’m just missing something obvious.

Viewing 9 replies - 1 through 9 (of 9 total)

 *  Thread Starter [Andres](https://wordpress.org/support/users/andrespr/)
 * (@andrespr)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/#post-9691888)
 * My workaround for now is to add align-self-middle, etc. to each cell. I just 
   think with the new flex grid implementation and the previous flex implementation,
   those row level utilities would be nice to access.
    -  This reply was modified 8 years, 6 months ago by [Andres](https://wordpress.org/support/users/andrespr/).
 *  Plugin Author [Maxwell Morgan](https://wordpress.org/support/users/maxinacube/)
 * (@maxinacube)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/#post-9692058)
 * Hi [@andrespr](https://wordpress.org/support/users/andrespr/),
 * Unfortunately this is not currently an available option in Mesh. But this is 
   a great feature request that I strongly agree would be a helpful addition.
 * I’ve added an issue to our GitHub, [https://github.com/linchpin/mesh/issues/188](https://github.com/linchpin/mesh/issues/188),
   so progress toward this specific improvement may be tracked there.
 *  Thread Starter [Andres](https://wordpress.org/support/users/andrespr/)
 * (@andrespr)
 * [8 years, 6 months ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/#post-9692118)
 * Thanks!
 *  [dogdogma](https://wordpress.org/support/users/dogdogma/)
 * (@dogdogma)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/#post-10207819)
 * Hey, a bit late to the party here, but this is still relevant as the Mesh plugin
   doesn’t seem to have been updated since this post was last discussed.
 * If you’re using the latest version of Foundation, which as of this time is 6.4,
   then just add the following to your SCSS:
 *     ```
       /** FIXES FOR MESH PLUGIN **/
       /* Mesh uses the old columns and cells - the following code just applies the new xy-grid classes to these old classes */
       .row {
         @include xy-grid();
       }
   
       .columns {
         &.small-12 {
           @include xy-cell(12);
         }
         @include breakpoint(medium) {
   
           &.medium-1 {
             @include xy-cell(1);
           }
           &.medium-2 {
             @include xy-cell(2);
           }
           &.medium-3 {
             @include xy-cell(3);
           }
           &.medium-4 {
             @include xy-cell(4);
           }
           &.medium-5 {
             @include xy-cell(5);
           }
           &.medium-6 {
             @include xy-cell(6);
           }
           &.medium-7 {
             @include xy-cell(7);
           }
           &.medium-8 {
             @include xy-cell(8);
           }
           &.medium-9 {
             @include xy-cell(9);
           }
           &.medium-10 {
             @include xy-cell(10);
           }
           &.medium-11 {
             @include xy-cell(11);
           }
           &.medium-12 {
             @include xy-cell(12);
           }
         }
       }
       ```
   
 * This will add the correct grid-x classes to rows and cell-xy classes to columns.
   It won’t mess with your existing 6.4 markup. Probably not the best practice in
   the long run as a lot of extra css is generated, but it’s a simple fix until 
   the plugin has an update.
 * Cheers!
 *  Plugin Author [Maxwell Morgan](https://wordpress.org/support/users/maxinacube/)
 * (@maxinacube)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/#post-10236886)
 * Hi [@andrespr](https://wordpress.org/support/users/andrespr/),
 * Sorry for the long delay, but we rolled out an update today that includes a new
   field on Mesh sections for Row Class. With the update, you’ll notice that the
   pre-existing field for CSS Class on a section is now known as “Section Class”,
   while we have also introduced a few new fields for “Section ID” and “Row Class”.
 * [@dogdogma](https://wordpress.org/support/users/dogdogma/) – As far as the xy-
   grid is concerned, we have plans for a larger update in Mesh to be able to select
   one of their grid systems.
 *  Thread Starter [Andres](https://wordpress.org/support/users/andrespr/)
 * (@andrespr)
 * [8 years, 1 month ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/#post-10236929)
 * Wow [@maxinacube](https://wordpress.org/support/users/maxinacube/)! Thank you!
   I will give it a try soon, and I really appreciate this feature and the update!
 *  Plugin Author [Aaron Ware](https://wordpress.org/support/users/aware/)
 * (@aware)
 * [8 years ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/#post-10347047)
 * [@dogdogma](https://wordpress.org/support/users/dogdogma/) I had a note to revisit
   your comment. With Mesh 1.2.5 we have native support for the Flex and XY grids
   in Foundation 6.4.X
 *  [dogdogma](https://wordpress.org/support/users/dogdogma/)
 * (@dogdogma)
 * [8 years ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/#post-10358378)
 * Thanks for the update [@aware](https://wordpress.org/support/users/aware/)
 * Congrats on the plugin update – the addition of XY grid, background image and
   centered cells has made this plugin absolutely awesome!
 * I usually use ACF to create flexible content areas to achieve more advanced layouts,
   but now I can do everything easier and better with Mesh, and the client will 
   still understand how to update and add content.
 * Great work!
 *  Plugin Author [Aaron Ware](https://wordpress.org/support/users/aware/)
 * (@aware)
 * [8 years ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/#post-10362096)
 * Thank you so much [@dogdogma](https://wordpress.org/support/users/dogdogma/),
   glad the change is helping you out. If you have a chance. Please leave a rating/
   review, it would really help the team out as we try to plan out future updates
   and we try to get more users.

Viewing 9 replies - 1 through 9 (of 9 total)

The topic ‘Row level CSS classes to support Foundation alignment classes’ is closed
to new replies.

 * ![](https://ps.w.org/mesh/assets/icon.svg?rev=1415724)
 * [Mesh - Page Builder](https://wordpress.org/plugins/mesh/)
 * [Support Threads](https://wordpress.org/support/plugin/mesh/)
 * [Active Topics](https://wordpress.org/support/plugin/mesh/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/mesh/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/mesh/reviews/)

## Tags

 * [alignment](https://wordpress.org/support/topic-tag/alignment/)
 * [flexbox](https://wordpress.org/support/topic-tag/flexbox/)
 * [foundation](https://wordpress.org/support/topic-tag/foundation/)
 * [vertical](https://wordpress.org/support/topic-tag/vertical/)
 * [zurb](https://wordpress.org/support/topic-tag/zurb/)

 * 9 replies
 * 4 participants
 * Last reply from: [Aaron Ware](https://wordpress.org/support/users/aware/)
 * Last activity: [8 years ago](https://wordpress.org/support/topic/row-level-css-classes-to-support-foundation-alignment-classes/#post-10362096)
 * Status: resolved