[ermitagParticipant]

Hi

I try to get dashed underline in tabs title and insert in inline style “text-decoration: underline;text-underline-style: dotted;”

But title now have underline without dashed

Please help

[Rue NelModerator]

Hello There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

Regards.

[ermitagParticipant]

This reply has been marked as private.

[LelyModerator]

Hi There,

Unfortunately, that style is not widely supported by browsers anymore. One workaround is to add border. But due to structure it will not be exactly as you want.

The best option we have now is to add this code on Appearance > Customize > Custom > Edit Global JS

jQuery ( function( $ ) {
	$(".page-id-5824 .x-nav-tabs-item a").wrapInner("<span style='border-bottom: 1px dashed #0099ff;'></span>");
});

You can add this border-bottom: 1px dashed #0099ff; on the style field of the element on VC so just you can see why we need to use javascript instead.

Hope this helps.

[ermitagParticipant]

Thank you!
But it works for only one page.
How to get dashed underline on tabs with name (for example) “strany-tabs” class?

[FriechModerator]

Hi There,

Update the JS code to this:

jQuery ( function( $ ) {
	$(".x-nav-tabs-item.strany-tabs a").wrapInner("<span style='border-bottom: 1px dashed #0099ff;'></span>");
});

Hope it helps, Cheers!

[ermitagParticipant]

It works for only one page:
jQuery ( function( $ ) {
$(“.page-id-5824 .x-nav-tabs-item a”).wrapInner(“<span style=’border-bottom: 1px dashed #ffffff;’></span>”);
});

It not works:
jQuery ( function( $ ) {
$(“.x-nav-tabs-item.strany-tabs a”).wrapInner(“<span style=’border-bottom: 1px dashed #0099ff;’></span>”);
});

please help

[ermitagParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please try with this code:

jQuery ( function( $ ) {
	$(".x-nav-tabs-item a").wrapInner("<span style='border-bottom: 1px dashed #0099ff;'></span>");
});

Hope it helps 🙂

[ermitagParticipant]

It works! Thank you!

[Paul RModerator]

You’re welcome! 🙂

[Author]

Posts