ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Flexform
• April 22, 2013 at 7:13 pm #2469
  helloweb31

  Member

  Post count: 67

  Hi,

   

  I would like to change the text and tab headline in the shortcode tabs.

  If I leave the text in standard black color, it tourns out dark grey online.

  but, as I have a black background, the text should be white. The same applies to the tab headlines.

  For the text , I can work around the problem by defining the text as white in the editor, but this is a bit nervewrecking as I cannot see the text anymore then. this cannot be done for the headlines of the tabs though.

   

  Please, let me know how to change the general text color settings in the tabs and in the tab headlines.

   

  thanks

   

  April 22, 2013 at 9:50 pm #2553
  Cosmin – SUPPORT

  Member

  Post count: 3851

  Hi,

  Titles:

  .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #FD3E27;
  }

  (will turn it to orange/red)

  Tab content is using the default body text color, override it with:

  .wpb_tab p {
  color: #ccc !important;
  }

  Regards,

  ————————————————————————————————————

  Cosmin
  Support Assistant

  April 23, 2013 at 2:52 pm #2619
  helloweb31

  Member

  Post count: 67

  This reply has been marked as private.
  April 23, 2013 at 11:22 pm #2706
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Can you send a link so that we can provide some css?

  The top bar menu button is the secondary accent colour.

  View.js plugin is enabled automatically, and is used for image lightboxes.

   

  – Ed

  April 23, 2013 at 11:52 pm #2727
  helloweb31

  Member

  Post count: 67

  This reply has been marked as private.
  April 25, 2013 at 12:41 am #2865
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  Add the following to Flexform Options > General Options > Custom CSS

  .ui-tabs .ui-tabs-nav li.ui-tabs-active a, .wpb_accordion .wpb_accordion_section > h3.ui-state-active a {
  color: #fff;
  }
  

  – Ed

• Back to forum

  Posted in: Flexform