How to center information tab

Hello

I have some difficulties with css to center the information tab on the profile and on the registration page.
Cannot find where to add the classes to change the whole tab display. It seems that adding css to the tab backend impacts all fields.
Would it be possible to have a class acting only on the tab and not on the fields ?

issue is : activ-ha.com/inscription-particuliers

Ideally it would be fine to be able to add .col .col-md-6 .mx-auto to the tab content only and not the tab header and the inside content.

Thanks

The CSS Class parameter is added to both the tab and its tab container. You make your CSS specific to either location by simply using CSS pathing. For example if you only want to style the tab itself use .cbTabNav.CLASS_HERE and if you only want to style the tab container you'd use .cbTabPane.CLASS_HERE. Be sure to replace CLASS_HERE with whatever you supplied to the CSS Class parameter.

Ideally it would be fine to be able to add .col .col-md-6 .mx-auto to the tab content only and not the tab header and the inside content.

That won't work; you'll need to make your CSS more specific.

Yes I understand css pathing but what would be really useful is a way to simply add bootstrap 4 classes in the css field and make two fields one for the tab title and one for the tab content

That way it would be very simple to style the title, the tab content, and always to add special classes if really needed.

New feature ?

Yes I understand css pathing but what would be really useful is a way to simply add bootstrap 4 classes in the css field and make two fields one for the tab title and one for the tab content

I understand that, but there's no way to do that without adding a second CSS Class parameter which for most people would just serve to confuse them. We'll consider something like this in the future when we redo those backend views to be more user friendly.

New feature ?

Not anytime soon, but yes potentially.