[Plugin: Shortcodes Ultimate] Tab/Tabs Function

Anyone else have similar problems?

Try to use custom styling with this combination:

[tabs style=”my_custom_style”] …tabs… [/tabs]

@gn_themes

Sorry, it’s been awhile since I fooled with any of this. Can you link me to the custom style stuff or further explain? I am not following you.

Thank you!

Hi testuserfay,

I think the colour of the tab text being white may be something to do with your theme. The theme I’m currently looking in the text appears grey, so I can see the text for the tab against a white background.

Anyway, in terms of changing the styles for the SU plugin you can try the following:

1. Go to: “Settings / Shortcodes” on the left navigation to get to the Shortcodes Ultimate settings.
2. Click on the “Custom CSS” tab.
3. If you’re not sure which code to use, click on the “See original styles” link (open a new window with CSS)
4. Copy the part you want to change (*see below)
5. Go back to the “Custom CSS” tab and paste in the code.
6. Make your amendments.
7. Click on the “Save styles” button.
   Your styles will now be saved.

*The CSS code you’ll need to look for and change will be:
.su-tabs-style-2 .su-tabs-nav span:hover (when you hover over the tab)
.su-tabs-style-2 div.su-tabs-nav .su-tabs-current (the active tab)
.su-tabs-style-2 div.su-tabs-nav span (non-active tabs)
.su-tabs-style-2 div.su-tabs-pane (the main content area)

Changing those CSS styles seem to work for me.

Good luck with it. I hope this helps.

Cheers,

Zain

Single Tab is not working. I’ve tried many times to insert the single tab, but to no avail. How to solve this problem.