I’m trying to reduce the space between a text editor module and an icon module. I have the top and bottom margins all set to 0 however there’s still quite a gap. (see image links)
I tried visiting the page in question but I couldn’t find the Text Editor and Icon module combo. Can you create a private test page where we can see the issue so we can check?
So the problem here is you’ve added custom CSS to add bottom padding to the p tag, and Bootstrap has its own bottom margin added to the same tag as well, and that is what composes the extra space between the 2 modules. Can you give the Text Editor module an extra class so we can target it specifically and remove both the bottom padding and margin?
.fl-custom-class .fl-module-content p {
padding-bottom: 0px;
margin-bottom: 0px;
}
The code above should work, just change fl-custom-class to whatever class you’ve added to the Text Editor module.
Okay, so for the code above, you can place it under Appearance > Customize > Code > CSS Code. For the CSS class, you need to apply it to the Text Editor module, and without the dot before it. The CSS code stays as is, but the CSS class you place on the Advanced tab should only be no-padding Give that a shot and let us know how it goes!