Title-Padding not working?

Hi @wuppi,

Apologies for the delayed response. Hope you are fine.

After getting your query we have tested the padding option on our local environment. We didn’t get any issue, the padding option is working absolutely fine. Please take a look at the screenshot.

Can you please share the page link marking the tab section? So that we can review the issue and provide you with the best solution.

Looking forward to your reply.

Hi Bayejid Ahmed,
thank you very much for your kind reply.
To reproduce the problem, please check out

https://berner-telecom.de/?page_id=292

and click on the toggle for “Wartemarkendrucker/Spender”
There you can find a set of tabs.

I checked the setting for “Title Padding” for the Tabs and it is set to 16.
However, the current padding eventually does not result from the Tab but from the h4-Element in use.

As I am new to your WP-Tab Plugin I may do something wrong and am happy to get directed into the correct approach.

Looking forward to your kind advise.

Best regards

Wuppi

Hi @wuppi,

Thanks for sharing the page link. We can see that you have used the wp tab plugin inside an accordion of the Simple Shortcodes plugin.

The extra padding (which is caused for an extra br tag) was getting from that plugin. To remove the unnecessary padding please use the below CSS in the plugin’s custom CSS field.

label.sp-tab__nav-link br {
    display: none !important;
}

Please let us know if it works for you or not. Thank you.

Hi Bayejid,
thank you for your kind reply.
However, I am not sure we are on the same page here.

The problem is not extra padding but on the contrary.

I can’t see the padding set in your Plugin reflected in resulting CSS code of the element. In order to substitute that I set a padding for the h4-Element which is inside.

So, the question is: Why don’t I see padding from your Plugin?

Hi

Thank you for pointing out the case. I have reviewed the page and you have used the WP Tabs shortcode inside the Accordion of the Simple Shortcodes plugin which renders extra p and br tags in the rendered data of shortcodes as the Simple Shortcodes plugin uses the wpautop function. And due to extra p or br tags, the padding css and and other CSS of the WP Tabs plugin does not works properly. See screenshot

However, to remove the extra br and p tags and to run WP Tabs inside Accordion, you have to set the Raw Shortcode option disabled or add the following code in the current theme/child theme’s functions.php file like the screenshot.

function spwptab_fix_shortcodes($content) {
    return strtr($content, [
        '<p>[' => '[',
        ']</p>' => ']',
        ']<br />' => ']'
    ]);
}
remove_filter('the_content', 'wpautop');
remove_filter('the_content', 'do_shortcode', 11);
add_filter('the_content', 'wpautop', 100);
add_filter('the_content', 'spwptab_fix_shortcodes', 105);
add_filter('the_content' , 'do_shortcode', 110);

After adding code, let us know if the padding and other CSS works well or not.

Note: The WP Tabs will work properly outside that accordion.

• This reply was modified 3 years ago by Bayejid Ahmed.

Hi Bayejid,
thank you for your email. Sorry to say but how do I get to the functions.php of the current theme other than via OS?
Best
Wuppi

Hi @wuppi,

I had suggested two ways. Have you tried to follow anyone?

To remove the extra br and p tags and to run WP Tabs inside Accordion, you have to

1. set the Raw Shortcode option disabled or
2. add the following code in the current theme/child theme’s functions.php file going to your WordPress Dashboard like the screenshot.

Let us know if you can or not.

Hi @wuppi,

This thread has been inactive for a bit, so I’m going to mark it as Resolved now. Please feel free to open a new one if you have any further questions.

Cheers!