How to properly fix the 6th 1/5 column?

Good morning,
I’m having some troubles in creating a row made of 6 1/5 columns using Enfold Theme.

I made a color section and placed inside 6 1/5 columns and added a unique id attribute (custom-section) in the For Developers: Section ID field and finally I added the following code to the Quick CSS field

#custom-section .flex_column.av_one_fifth {
width: 14.5%;
margin-left: 2%;
}

#custom-section .flex_column.av_one_fifth.first {
clear: none;
margin-left: 2%;
}

#custom-section .flex_column.av_one_fifth:nth-child(6) {
margin-top: 0 !important;
}

This is OK, I have a nice row made of 6 1/5 columns.

The problem is that I want to add a Special Heading section within the Color Section and above the 6 1/5 columns. Once I do that the last 1/5 columns results a bit lower than the other 5 1/5 columns.
How I can fix that?
Grazie

• This topic was modified 6 years, 10 months ago by giovanni_scalici.