Wanted to ask if you could help. I use Tabs (Minimal style) on my web page. When the page opens the first time the blue underline, that shows which tab is open, is on the grey line (see screenshot 'Tab1' ) but when I choose to open a different tab, the blue line goes up (see screenshot 'Tab2' ). Would it be possible to make the blue line show be only on the grey line when I go between the tabs, please?
I know it doesn't affect the use of the website, but maybe it's still possible to archive.
It's much better using the code, but I noticed that when you load the page the firs time there is no blue underline at all. And maybe it would be possible to make the padding between the tab name and the grey line bigger, please?
It is odd the tab does not look normal. Can you test for plugin conflict. Deactivate all and if the issue is gone then you activate one after the other until you narrow the culprit.
Hello
Wanted to ask if you could help. I use Tabs (Minimal style) on my web page. When the page opens the first time the blue underline, that shows which tab is open, is on the grey line (see screenshot 'Tab1' ) but when I choose to open a different tab, the blue line goes up (see screenshot 'Tab2' ). Would it be possible to make the blue line show be only on the grey line when I go between the tabs, please?
I know it doesn't affect the use of the website, but maybe it's still possible to archive.
Hi there,
Your site is password protected. Can you allow us to check that.
Thanks.
Hi there,
Try the following custom css in Salient > General settings > CSS/Script related:
.tabbed[data-style="minimal"] >ul li:not(.cta-button) a, .tabbed[data-style="minimal"] >ul li:not(.cta-button) .active-tab, .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a, .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) .active-tab { padding: inherit; }Kind regards.
It's much better using the code, but I noticed that when you load the page the firs time there is no blue underline at all. And maybe it would be possible to make the padding between the tab name and the grey line bigger, please?
Hi there,
Could you allow us to login and check why two animated lines are appearing. We going to need username and password with admin privileges.
Thanks.
Hi there,
Use the following css with padding
.tabbed[data-style="minimal"] >ul li:not(.cta-button) a, .tabbed[data-style="minimal"] >ul li:not(.cta-button) .active-tab, .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) a, .tabbed[data-style="minimal_alt"] >ul li:not(.cta-button) .active-tab { padding: 1px !important; }Hope this helps.
It didn't work, unfortunately. Now it looks like a mess, see the screenshot attached
Hi there,
It is odd the tab does not look normal. Can you test for plugin conflict. Deactivate all and if the issue is gone then you activate one after the other until you narrow the culprit.
Hope this helps.
It didn't help. It was still the same view after deactivating other plugins.
Hi RanebrookZina,
Try the following solution.
- Remove the heading tags in title you set in tab settings.
- Remove the earlier sent css.
- Use the following css to make the titles bold:
.tabbed[data-style="minimal"] .wpb_tabs_nav li a { font-weight: 900; }Hope this helps.
It works, thank you :)