Bootstrap CSS Making Me Crazy

I have some custom fields that I am using for headers in a form. For some reason the field does not fill the entire width of the form because of this code (see pic #1):

.gcore-display-table {
display: table;
}

If I remove or change the code to the below it works but then it messes up the alignment of some of the fields (see pic #2).

.gcore-display-table {
display: block !important;
}

I know this may not seem as a big deal but I find that bootstrap.css makes it a bit more challenging to style stuff😟

Thanks

This is private content

How can I edit or remove those images in the post? The site is not done yet and they don't want the name to show😟

Hi LikeStuff,

I can't help much with this - usually the answer is to over-ride the specific CSS you need to change.

Bob

PS I've put the images inside Private tags.

I understand - just thought I'd see if anyone had any suggestions.

My issue is when I override it, as per above, it changes the other section in the form😟

Thanks!

Hi LikeStuff,

Then you need to be even more specific with your CSS selector.

Bob