Custom padding - Content of Tab element

[taxjackams]

I would like to add custom padding to EACH individual tab CONTENT. I could achieve it by adding style to HTML of the Content text, but I would like to do it using CSS as it is much easier, better and faster. I looked for the class/ID of each tab content using chrome inspect, and tried some ways to add below code to the page CSS but it is not working.

.X-tabs-panel.e4513-6.x-active {padding-left:120px;}

panel-e4513-7.x-tabs-panel.e4513-7.x-active {padding-left:120px;}

I have attached images for reference.
Thank you

[ruenel]

Hello Anuja,

Thanks for writing in!

Please note that custom coding is outside the scope of our support. Issues that might arise from the use of custom code and further enhancements should be directed to a third party developer. We are unable to provide support for customizations under our Support Policy. If you are unfamiliar with code and resolving potential conflicts, you may select our One service for further assistance.

TIP:
If your code is not working, a child theme or parent styles are overriding it. To force your code to be applied, you can make use of the !important property in your CSS attribute value. For example;

.my-element {
  padding-top: 100px !important;
}

Best Regards.

[taxjackams]

Hi Ruenel,
Thank you for your quick response, I understand this not possible, and I will need to write code for each text style in the content. Thank you for your help and suggestion, I will check and use the above link.

Thank you

[tristup]

Hi Anuja,

Glad that we are able to help you with this.

Thanks