Title: CSS class for single column not working
Last modified: May 7, 2019

---

# CSS class for single column not working

 *  Resolved [Bianca](https://wordpress.org/support/users/bianca205/)
 * (@bianca205)
 * [7 years ago](https://wordpress.org/support/topic/css-class-for-single-column-not-working/)
 * Hey guys,
    Amazing work on the plugin as always especially the new advanced columns
   block. Just been implementing it and came across this issue:
 * When you add a class to a single column (so not the parent that holds both columns)
   it’s not acting as expected. For example I have three columns which I want to
   have a white background and a shadow each. I added a class for the shadow. But
   it’s not appearing when I apply it. The white bg is fine. No sign in the class
   in the html either so it’s not being outputted properly I guess. Thanks for looking
   into this.

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

 *  [Jack](https://wordpress.org/support/users/moxie/)
 * (@moxie)
 * [7 years ago](https://wordpress.org/support/topic/css-class-for-single-column-not-working/#post-11509424)
 * I have the same thing. I added a two column block and added a css class to each
   column. This class is not saved.
 * It works okay with the default WP columns, but not with the Atomic Blocks columns,
 *  Plugin Author [John Parris](https://wordpress.org/support/users/mindctrl/)
 * (@mindctrl)
 * [7 years ago](https://wordpress.org/support/topic/css-class-for-single-column-not-working/#post-11518576)
 * Thanks for the report! We’ll get this fixed up as soon as possible.
 *  Plugin Author [John Parris](https://wordpress.org/support/users/mindctrl/)
 * (@mindctrl)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-class-for-single-column-not-working/#post-11566050)
 * [@bianca205](https://wordpress.org/support/users/bianca205/) the update today
   fixes this issue. Let us know if you run into anything else!
 *  Thread Starter [Bianca](https://wordpress.org/support/users/bianca205/)
 * (@bianca205)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-class-for-single-column-not-working/#post-11568485)
 * Hi John, Thanks for your super quick follow up.
    I can confirm that the class
   gets added and so resolving the issue.
 * However the class gets added to the `ab-block-layout-column` while all the other
   column settings (which you can visually set in the column block settings) get
   added to the `ab-block-layout-column-inner`. Although in my specific using case
   the css can be set to make it fit with the shadow, I’m not sure if adding the
   class to `ab-block-layout-column` is ideal in general (as the visual styling 
   get added in `ab-block-layout-column-inner`).
 *  Plugin Author [atomicblocks](https://wordpress.org/support/users/atomicblocks/)
 * (@atomicblocks)
 * [6 years, 11 months ago](https://wordpress.org/support/topic/css-class-for-single-column-not-working/#post-11590824)
 * Hi Bianca,
 * Thanks for the feedback. Unfortunately, the Additional CSS Class output is traditionally
   tied to the parent block (in this case the individual column) and the other settings,
   we can apply as needed to whatever div makes the most sense. We could potentially
   output that class on the `ab-block-layout-column-inner` div, but then we wouldn’t
   have a custom class output on the parent div. By adding it to the parent div,
   all use cases can be covered and inner divs can be targeted with CSS. Hope this
   helps!

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

The topic ‘CSS class for single column not working’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/atomic-blocks_ded9f7.svg)
 * [Atomic Blocks - Gutenberg Blocks Collection](https://wordpress.org/plugins/atomic-blocks/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/atomic-blocks/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/atomic-blocks/)
 * [Active Topics](https://wordpress.org/support/plugin/atomic-blocks/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/atomic-blocks/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/atomic-blocks/reviews/)

 * 5 replies
 * 4 participants
 * Last reply from: [atomicblocks](https://wordpress.org/support/users/atomicblocks/)
 * Last activity: [6 years, 11 months ago](https://wordpress.org/support/topic/css-class-for-single-column-not-working/#post-11590824)
 * Status: resolved