Change tabs' styling with CSS (eg. text color)

Changing your tabs' styling with CSS

You can style the plugin differently using CSS, by either modifying the plugin's stylesheet or adding your styles to a custom CSS area.

If you want to edit the plugin's original styles directly (not recommended), make sure you tell the plugin to use the unminified version of the CSS file in order to be able to modify it.

The line you are looking for is in the rtbs.php file (free) / rtbs_pro.php (PRO):

wp_enqueue_style( 'rtbs', plugins_url('css/rtbs_style.min.css', __FILE__));

Simply remove the ".min" and edit your styles directly in the plugin's CSS file (rtbs_style.css).

Editing the plugin styles directly in the CSS file is not recommended and will result in losing your custom styles when you update the plugin in the future.

It is better to use a custom CSS area (provided by your theme or a plugin such as Jetpack or this one — not tested)

Useful CSS classes

  • .rtbs_menu > ul > li > a — Tab's text
  • .rtbs_menu > ul > li > a.active — Active tab's text
  • .rtbs_content — Tab's content

Use your browser's inspector tool to find more accurate classes .

Unfamiliar with CSS?

Please submit a request, let us know what you need, we can provide you with a CSS snippet to paste in your theme.

Have more questions? Submit a request

Comments