Title: Mega Menu: Grid Layout – Column Class
Last modified: August 7, 2020

---

# Mega Menu: Grid Layout – Column Class

 *  [moabdelsalam](https://wordpress.org/support/users/moabdelsalam/)
 * (@moabdelsalam)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/mega-menu-grid-layout-column-class/)
 * Hello – I would like to have some help in doing a column with a different color
   in the grid layout. There is a column class, but looks like I am not able to 
   write CSS properly. I want to make something like this: [https://www2.deloitte.com/](https://www2.deloitte.com/)
   in Services tab you see on the left darker color of a column.
 * I wrote this CSS file and chose column class to refer to it, but it didn’t work:
 * .col-black
    { background-color: black;
 * }
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmega-menu-grid-layout-column-class%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Plugin Author [megamenu](https://wordpress.org/support/users/megamenu/)
 * (@megamenu)
 * [5 years, 10 months ago](https://wordpress.org/support/topic/mega-menu-grid-layout-column-class/#post-13231165)
 * Hi moabdelsalam,
 * I think we have already helped with this through Pro support, and can see you
   already have this working. Here is the solution for anyone else who is wondering(
   add this to Mega Menu > Menu Themes > Custom Styling):
 *     ```
       #{$wrap} #{$menu} > li.mega-menu-item.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column.col-black{
           background-color: black;
       }
       ```
   
 * Regards,
    Tom

Viewing 1 replies (of 1 total)

The topic ‘Mega Menu: Grid Layout – Column Class’ is closed to new replies.

 * ![](https://ps.w.org/megamenu/assets/icon-128x128.png?rev=1489843)
 * [Max Mega Menu](https://wordpress.org/plugins/megamenu/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/megamenu/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/megamenu/)
 * [Active Topics](https://wordpress.org/support/plugin/megamenu/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/megamenu/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/megamenu/reviews/)

 * 1 reply
 * 2 participants
 * Last reply from: [megamenu](https://wordpress.org/support/users/megamenu/)
 * Last activity: [5 years, 10 months ago](https://wordpress.org/support/topic/mega-menu-grid-layout-column-class/#post-13231165)
 * Status: not resolved